min117の日記

初期desireもち。趣味Mac,メインFedora,仕事xp。

phpで複数ファイルのアップロードサイト

webブラウザからサーバにファイルをアップロードするサイトを作る。出先からサーバにファイルを送るときに便利。

ーーー

複数選択(マルチ選択)できるようにする。

・画像、動画…制限なし。何でも送れるようにする。

ーーー

こんな感じ。

ブラウザからファイル選択

f:id:min117:20151115100816p:plain

複数指定して

f:id:min117:20151115100947p:plain

送信 すると

f:id:min117:20151115101007p:plain

ファイル名に「日付_順番_元ファイル名」を付けてアップロードされる。

f:id:min117:20151115101157p:plain

ーーー

ファイルは2つ。

upload_multi.html

upload_multi.php

ーーー

upload_multi.html

f:id:min117:20151115101605p:plain

form の input type にて、名前を upfile と配列にしているのが勘所。

multiple 指定によりブラウザは複数選択を許すので、その内容が upfile に入る。

 

upload_multi.php

f:id:min117:20151115101950p:plain

f:id:min117:20151115102027p:plain

 

iPadからもアップロードできるのが超便利。

どこからも、どの端末からも、ログインとか無しでアップロードできる。

ファイル選択

f:id:min117:20151115103708p:plain

写真でも画像でも何でも。

f:id:min117:20151115103901p:plain

カメラロールから、アップロードしたいものを複数タップすると

f:id:min117:20151115104111p:plain

ファイル名がついてアップロードされる。

f:id:min117:20151115104615p:plain

アップロードしたファイルの保存先は、サーバ上の公開フォルダにしてあるから、httpd経由で見ればいい。

画像タップで

f:id:min117:20151115105502p:plain

表示される。

f:id:min117:20151115105405p:plain