画像からDataURLを作成する3つの方法
1つ目はMimeTypeをx-user-definedにする方法。大体のブラウザで動くけど、サイズの大きい画像だと重くなったり、失敗したりする。 2つ目はキャンバスに貼り付けて、canvas.toDataURLする方法。IE以外のブラウザで動いて実装も簡単。一回キャンバスに貼り付ける分遅くなる気がする。 3つ目はresponseTypeをArrayBufferにしてBlobBuilderでBlobにしてFileReader.readAsDataURLする方法。Chromeでは動いた。他はちょっと試してない。サイズの小さい画像だともたつくけど、サイズが大きくなっても結構速い。 //see this page. http://www.html5rocks.com/en/tutorials/file/xhr2/ var ImageLoader = (function(){ var BlobBui
JavaScriptでローカルファイルを自在に操る - File API
※ただし、SafariではFileReaderオブジェクトを、Internet Explorer 10ではreadAsBinaryStringメソッドをサポートしていません。 TIPS 053：ファイルの名前／種類／サイズを取得する Fileオブジェクトを利用することで、ローカルファイルの情報にアクセスできます。 例えば以下は、<input type="file">要素で指定されたファイルの名前やサイズなどを表示するサンプルです。 ［リスト01］ファイルの情報を取得するコード（fileinfo.html） <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>HTML5 TIPS</title> <script> <!DOCTYPE html> <html> <head> <meta charset="UTF-8" />
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
