WordPressで「メディアを追加」からメディアをアップロードすると、デフォルトでは/wp-content/uploads/画像ファイルに保存されます。 WordPress本体をルート直下に置いた場合はこんな感じ。 https://yaruzou.net/uploads/contact-point-of-mouse-grip.pngメディア設定で「アップロードしたファイルを年月ベースのフォルダに整理」にしていれば、年と月も入ってきます。 「これでは長くて嫌」という時のメディアアップロード先の変更法です。このページでは、例としてアップロード先デフォルトの /wp-content/uploads から /imagesというディレクトリに変更します。 Wordpressのメディア投稿先を変更する前にメディアファイルのアップロード先の変更自体は簡単ですが、すでに投稿した記事やデータベースのURL

WordPressのメディアライブラリにアップしてあるファイルは、リネームできません。すでにアップしたメディア（画像や動画）のファイル名を変更したい場合は、ファイル名を変更して再度アップしなおすしかないわけです。 今回ご紹介する「Media File Renamer」は、アップロード済みのメディアのファイル名を変更できるプラグインになります。再アップする手間を無くして、メディアファイル内で直接リネームできて便利です。 「Media File Renamer」の機能概要 「Media File Renamer」には有料版もありますが、本稿では無料版の機能についてご紹介いたします。 管理画面でメディアファイルをリネームできる メディアのタイトルに応じたファイル名にワンタッチで変更できる 設置済みのimgタグ内も自動で修正される 簡単にリネームできる上に、リネーム後のファイル名に合わせて、投稿内

WordPress には画像や動画などのファイルをアップロードする機能があるが、一度アップロードしたファイルを編集する方法はあまり用意されていない。例えば、ファイル名を変更したい場合には画像などのファイルをアップロードしなおして投稿内のファイル名を新しいものに書き換える必要がある。これはなかなか面倒な作業だ。 後からアップロードした画像などのファイル名を変更したいのであれば Phoenix Media Rename というプラグインを利用してみよう。 このプラグインを導入するとメディアライブラリにファイル名の項目が追加され、ファイル名を編集できるようになる。 このようにメディアの一覧画面の一番右に「Filename」という項目がある。この項目を編集し、編集したいファイルのチェックボックスを入れ、一括操作のセレクトボックスから「Rename」もしくは「Rename & Retitle」を選択

CakePHPでファイルアップロードを作る ファイルアップロードの参考サイト CakePHP 2.3でプログラム開発を行っていますが、ファイルのアップロード処理についてググっていたら、下記のサイトに行き当りました。 ほほー。ファイルアップロードにも Pluginがあるのか、と思ったものの、このページではプラグインに頼らない、と書いてありましたので、私も頼らずに実際に作ってみることにしました。（記事が書かれたのが 2011年2月ですので、その後のバージョンアップなどでどうなったかは分かりませんが。） http://lambdagroove.blogspot.jp/2011/02/cakephp.html 簡単なファイルのアップロードであれば下記のページに従って作っていけば、簡単に出来上がります。 http://www.almondlab.jp/labs/1043 上記の方法では、実運用に際し

<form action="upload.php" method="post" enctype="multipart/form-data"> CSVファイル：<br /> <input type="file" name="csvfile" size="30" /><br /> <input type="submit" value="アップロード" /> </form> if (is_uploaded_file($_FILES["csvfile"]["tmp_name"])) { $file_tmp_name = $_FILES["csvfile"]["tmp_name"]; $file_name = $_FILES["csvfile"]["name"]; //拡張子を判定 if (pathinfo($file_name, PATHINFO_EXTENSION) != 'csv') { $e

type="file" （ファイルの送信欄を作成） type属性の値に file を指定すると、ファイルの送信欄を作成できます。 name="" （部品の名前を指定） フォーム部品を識別するための名前を指定します。 この属性の値は、ファイルデータとセットで送信されることになります。 size="" （入力欄の幅を文字数で指定） 入力欄の横幅を文字数で指定します。 この属性を指定した場合でも、ブラウザにより見た目の幅は異なります。同じような幅で表示させたい場合は、スタイルシートで指定します。 SafariとChromeでは、この指定内容は反映されません。（入力欄が表示されないため） 使用方法 type="file" を指定すると、自動的に参照...（またはファイルを選択）と書かれたボタンが表示されます。 参照ボタンをクリックすると、ファイルを選択するためのダイアログが表示され、選択を完了する

こんにちは。 セミが鳴き出しましたね。夏、嫌な季節です。 さて、Macで良いリネームアプリを探しているのですが、 なかなか決定版が見つからずに嘆いています。 そんな時ふと思いました。 (使ったことないけど)HTML5のFileAPI使えばリネームって出来るんじゃないか？ あと、いちいちファイルをチューザーからファイルを選択するのも面倒だし、 HTML5のDrag&DropAPI使ってブラウザにファイルをドロップできるようにしよう！ と思いFileAPIとDrag&DropAPIを調べてみたら、 ちょっとした小物を作るのにも地味に面倒だったのでメモを残します。 File APIとは？ File APIとは、HTML5で提供されているAPIです。 ローカルファイルやディレクトリの読み書きが出来るオブジェクトです。 例えば、バイナリデータを扱うBlobや、 ファイルの読み取りを行うFileRea

ホーム / ハック / HTMLとjavascriptでアップロードされた複数のファイル名を取得する

PHPでファイルをアップロードするサンプル PHPで複数ファイルをアップロードするサンプル に引き続き、ファイルのアップロードに関する記事です。 PHP側でもアップロードされる拡張子のチェックは当然するべきですが、アップロード処理が走る前にブラウザ側でチェックもしておきたいところ。これを無駄と感じるか、二重でもチェックはするべきと考えるかは人それぞれ。 例えば、アップロードを許可する拡張子の種類が変わった場合、JavaScriptとPHPの両方を修正しなければならないというメンテナンス上の問題もあります。 ちなみにぼくの場合はほとんどのサイトをPHPで作っているため、データベースのテーブルとかに許可する拡張子一覧を入れておいて、PHPでもJavaScriptでもそこを参照するような作りにすることが多いです。管理者しかアクセスできないようなページも作っておき、そこで拡張子の設定もできるように

アップロードした画像名の取得 $imageName1 = $request->file('image_1')->getClientOriginalName(). '.' . $request->file('image_1')->getClientOriginalExtension(); $request->file('image_1')->getClientOriginalName()・・・ファイル名取得 getClientOriginalExtension()・・・ファイル拡張子取得

$inputs = $request->all(); $file = $inputs['uploadFile];

こんにちは！エンジニアのオータケです！ 今回はLaravelのファイル処理の使い方について学んでいきたいと思います。 PHPの関数でファイル操作をすることもできますが、Laravelにもファイル処理があります。 今回は ファイル処理・ファイル操作とは まず、ファイル処理・ファイル操作とは何かについてお話をしていきます。 皆さんはパソコン上でファイルを移動する時にWindowsやMacを使っていればマウスでドラッグしてどこかのフォルダに移動させると思います。 今回は、プログラムでファイルを操作できるようにします。 プログラムでファイル操作ができるようになれば、画像のアップロード機能後の画像の管理、PDFファイルをプログラムで生成して保存する際にディレクトリを作成してその中にファイルを保存するといったことが実現できるようになります。 PHP自体にはファイル処理が標準で扱えるようになっていますが

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

storage/appディレクトリに保存されたファイルのダウンロードを行う方法は1つではなくいくつかの方法があります。その方法について記述しています。 ダウンロードするための準備 ダウンロードするファイルはstorage/app/private/profile.pngファイルです。ブラウザから/profileにアクセスするとダウンロードできるように設定を行います。 web.phpのルーティングとDownloadController.phpファイルの作成を行います。 Route::get('/download', 'DownloadController@index'); php artisan make:controllerコマンドを利用してコントローラーの作成を行います。 $ php artisan make:controller DownloadController Controller

ハマった箇所 axiosでファイルも、オブジェクトも送りたいが、オブジェクトが[object Object]になってしまう。 なぜ送れなかったのか？ [FormData.append]（https://developer.mozilla.org/ja/docs/Web/API/FormData/append） The field's value. This can be a USVString or Blob (including subclasses such as File). If none of these are specified the value is converted to a string. FormDataに追加するときにValueはUSVStringかBlobにしてね、それ以外だと全部テキストにするよとのこと。 その為直接入れるのはNG storeFiles(re

まえがき 以前の JavaScript はバイナリデータの扱いがとても下手でした。 バイナリデータをブラウザ上に一旦保存し再利用するには、サイズが1.3倍になることを覚悟した上でデータをDataURIに変換する必要がありましたし、XHRを使ってサーバからデータを取得する場合も、一度全てメモリに読み込んでから、ループでマスク処理を施し、Base64に変換し、DataURIに変換し… と、何重にも変換を繰り返す必要がありました。 2009年に出版された JavaScript Good Parts では、ビット演算子が「使うべきではない悪いパーツ」と評価されていた事を思い出す方もいるでしょう。 あれから5年、もはや時代が違います。 2015年の JavaScript においては、バイナリデータはもはや扱いづらい困った存在ではありません。 ハードウェアと JIT コンパイラの進化に合わせ、大容量の

HTML5のFileオブジェクトを利用したファイルアップロードのコードを紹介します。 概要 こちらの記事では、JavaScriptでXMLHttpRequestとファイル選択ボックスを利用したファイルアップロードのコードを紹介しました。この記事では、HTML5で導入されたファイルオブジェクトを利用してファイルをアップロードするコードを紹介します。 プログラム コード 下記のコードを記述します。 <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8" /> <script type="text/javascript"> function ExecUpload() { var u