JavaScriptでData URIからBlob(File)を作成する方法
2017/07/29 JavaScriptで、base64エンコードされたData URIの文字列からBlob(File)を作成する方法を紹介します。例えば、localStorageなどで画像をData URIで保存させて再訪時に取り出す時、Blobに変換して扱えたら何かと便利なことが多いです。 サンプルコード// 対象の文字列 var dataURI = "data:image/png;base64,iVBORw..." ; // "iVBORw..."をバイナリに変換 var byteString = atob( dataURI.split( "," )[1] ) ; // "image/png" var mimeType = dataURI.match( /(:)([a-z\/]+)(;)/ )[2] ; // バイナリからBlobを作成 for( var i=0, l=byteSt
JS: base64文字列をBlob形式のFileに変換する - Qiita
■概要 base64文字列で表現されたImageをUnit8Arrayコンストラクタ・Blobコンストラクタ・atobメソッドを利用して、Blob形式のfileに変換する方法。 ■コード //引数はbase64形式の文字列 function toBlob(base64) { var bin = atob(base64.replace(/^.*,/, '')); var buffer = new Uint8Array(bin.length); for (var i = 0; i < bin.length; i++) { buffer[i] = bin.charCodeAt(i); } // Blobを作成 try{ var blob = new Blob([buffer.buffer], { type: 'image/png' }); }catch (e){ return false; }
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
