Drag-and-drop file upload in Google Chrome/Chromium and Safari?
Drag-and-drop file uploading can be done in Firefox 3.6. A Google search for html5 drag-and-drop file uploading -gmail gives things like: Native Drag + Drop file upload in Firefox 3.6 http://www.appelsiini.net/2009/10/html5-drag-and-drop-multiple-file-upload http://www.thecssninja.com/javascript/drag-and-drop-upload All of these guides use FileReader (or the Firefox 3.6's deprecated getAsBinary, w
FireFox3.6のFileAPIを使ってドラッグ&ドロップでファイルアップロード
最近リリースされたFireFox 3.6ではFileAPIという機能が使えるようになりました。 今回はFileAPIで実現出来るようになったドラッグ&ドロップでのファイル選択を使ってファイルアップロード機能を実装してみます。 今回のスクリプトはこちらのサイトを参考に書きました。 Using files from web applications - MDC ソースは以下のとおり。 <script language="javascript"> function MultipartData(boundary) { this.boundary = boundary; this.data = ""; this.data += "--" + boundary + "\r\n"; this.append = function(name,value){ this.data += "Content-Dis
W3C File APIを使ってJavaScriptでファイル加工 - しばそんノート
現在W3Cで仕様策定が進められているFile APIを使うと、JavaScriptからローカルファイルの情報や内容にアクセス出来るようになります。 Firefoxでは3.0時代から似たような機能が実装されていたようですが*1、今回やや仕様を変更した上で標準化されます。 まだワーキングドラフトの段階ですが、Firefox 3.6 RC1*2に既にほとんどのAPIが実装されていますので、今すぐに使ってみることができます。 そこで、試しにこんなサンプルを作ってみました。Firefox 3.6で以下のページにアクセスしてみてください。 JavaScriptでネガポジ反転 ファイル選択欄でビットマップファイル（.bmp）を選択、あるいはブラウザにドラッグアンドドロップすると、その画像をネガポジ反転（階調の反転）して表示します。複数選択も可です。*3 *4 ↓実行例 ファイル加工の際にサーバと一切通信
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
hinata.in
