タグ

FileAPIに関するsutara_lumpurのブックマーク (2)

  • Ajaxを利用して複数画像をドラッグ&ドロップで一括アップロード - Qiita

    Ajaxを利用して複数画像をドラッグ&ドロップで一括アップロードするための簡単なメモ。 基的に画像をPOSTするだけなので、サーバサイドは特別なことをしなくても大丈夫です。 File APIについてはここがわかりやすかったので、是非見てみてください。 http://www.atmarkit.co.jp/ait/articles/1112/16/news135.html また、このライブラリが便利そうなので、時間がある方はこちらを使った方がいいと思います。 https://github.com/blueimp/jQuery-File-Upload サンプル HTML <html> <head> <title>画像をドラッグ&ドロップで一括アップロード</title> </head> <body> <div id="image_upload_section"> <div id="drop"

    Ajaxを利用して複数画像をドラッグ&ドロップで一括アップロード - Qiita
    sutara_lumpur
    sutara_lumpur 2016/09/27
    ウェブページにファイルをドロップするだけでアップロードさせる方法。
  • JavaScriptでファイル操作!? File APIを使いこなそう

    連載目次 近年のWebアプリケーションでは、画像ファイルやテキスト・ファイル、Officeファイルのアップロードやダウンロードのやり取りが行われることが多くなってきている(例えば、Twitter上での画像ファイル共有やGoogleドキュメントでのOfficeファイルのアップロードなどがそれだ)。 HTML5では、ファイル操作に関するAPIとして「File API」が定義されたことで、ローカルのファイルをブラウザ上で直接、取り扱うことが可能となった。これによって、Webとローカルの違いをアプリケーションで意識しなければならない局面も少なくなる。 現在、File APIは以下の3種類の仕様が策定されている。

    JavaScriptでファイル操作!? File APIを使いこなそう
    sutara_lumpur
    sutara_lumpur 2016/09/27
    ウェブページにファイルをドロップするだけでアップロードする機能を実現する方法。
  • 1