タグ

ブックマーク / lab.syncer.jp (2)

  • JavaScriptでローカル画像を表示する方法

    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でローカル画像を表示する方法
  • JavaScriptで配列から要素を削除する方法

    2017/06/22 先頭と末尾、指定位置など、様々な条件を付けて配列から要素を削除します。 サンプルコードslice()以外は元の配列が変更される点にご注意下さい。 var arr = [ "S", "Y", "N", "C", "E", "R", ] ; // 先頭を削除 arr.shift() ; // 末尾を削除 arr.pop() ; // 途中を削除 arr.splice( 1, 1 ) ; // 両端を削除 var a = arr.slice( 1, 4 ) ;デモ先頭の要素を削除先頭の要素を削除するにはshift()というメソッドを利用します。元の配列が変更されます。

    JavaScriptで配列から要素を削除する方法
  • 1