Content-Length: 237461 | pFad | http://b.hatena.ne.jp/entry/s/blog.shibayan.jp/entry/20110702/1309532938

[B! HTML5] HTML5 の Drag and Drop API と File API を使ってファイルアップロードを実装する - しばやん雑記

HTML5 の Drag and Drop API と File API を使ってファイルアップロードを実装する - しばやん雑記

暮らしカテゴリーの変更を依頼記事元:

blog.shibayan.jp

395 usersがブックマークコメント

コメント

25

記事へのコメント25件

注目コメント
新着コメント

注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています

規約違反を報告

アプリのスクリーンショット

いまの話題をアプリでチェック！

バナー広告なし
ミュート機能あり
ダークモード搭載

アプリをダウンロード

関連記事

HTML5 の Drag and Drop API と File API を使ってファイルアップロードを実装する - しばやん雑記

HTML5 の Drag and Drop API を使うことで、ブラウザにドロップされたファイルの情報を扱うことが出来ま... HTML5 の Drag and Drop API を使うことで、ブラウザにドロップされたファイルの情報を扱うことが出来ます。そして File API を組み合わせることで、ファイルの中身まで扱うことが出来るようになります。そして FormData オブジェクトと XHR を組み合わせることでアップロード処理までを実装することが出来ます。完成図はこんな感じです。今回は JavaScript の処理が中心です。jQuery を使っているので追加してくださいね。 $(function () { var uploadFiles = function (files) { // FormData オブジェクトを用意 var fd = new FormData(); // ファイル情報を追加する for (var i = 0; i < files.length; i++) { fd.append(

ブックマークしたユーザー

twisted05172018/06/04
naoto03032016/12/28
teon2014/11/19
tabarka2014/10/09
watanata20002014/10/03
highAAA2014/04/24
windyakin2013/12/30
shunwitter2013/10/28
torazuka2013/07/25
tomio24802013/05/07
kjktk2013/03/28
vvakame2013/02/27
teppey2013/02/01
pinoporio2013/01/22
garden_design2013/01/08
SnowCait2012/12/27
myzkkzy2012/12/11
rumixxx2012/10/29

同じサイトの新着

同じサイトの新着をもっと読む

いま人気の記事

いま人気の記事をもっと読む

いま人気の記事 - 暮らし

いま人気の記事 - 暮らしをもっと読む

新着記事 - 暮らし

新着記事 - 暮らしをもっと読む

設定を変更しましたx