2017/06/22 ファイルをアップロードする前のプレビュー表示など、ユーザーがサーバーにアップロードしなくても画像をウェブページ上に表示する方法です。データURI形式で表示する方法と、Blob URLで表示する方法の2種類があります。 サンプルコードBlob URL、またはData URIを取得し、それをそのままimg要素のsrc属性に指定すれば表示できます。 <input id="target" type="file" multiple> Blob URL document.getElementById( "target" ).addEventListener( "change", function() { var fileList = this.files ; for( var i=0,l=fileList.length; l>i; i++ ) { var blobUrl = wi
![JavaScriptでローカル画像を表示する方法](https://cdn-ak-scissors.b.st-hatena.com/image/square/05de02552c449352e1894b7adeb4edfa16660b6d/height=288;version=1;width=512/https%3A%2F%2Flab.syncer.jp%2FWeb%2FJavaScript%2FSnippet%2Fopengraph.png)