Pocket
LINEで送る

IEはダメらしいですが、typeがfileのinputはドラッグ&ドロップでファイルを登録できます。なので、ドロップしたらinputにchangeイベントがおこります。changeイベントが発生したら、FileReaderを使って表示させます。

$(document).on('change', '.img_input', function(e){
	var file = e.target.files[0];
	if(! file.type.match('image.*')) return;

	var reader = new FileReader();
	reader.onload = (function(f) {
		return function(e) {
			$('.img_list').html('<img src="' + e.target.result + '" alt="' + f.name + '"');
		};
	})(file);

	reader.readAsDataURL(file);
});
Pocket
LINEで送る

カテゴリー: プログラミング

コメントください

関連記事

プログラミング

cakePHP2 – 多言語化

多言語化します。 cakephpマニュアルのこのページに説明が書いてあ 続きを読む …

プログラミング

Go言語によるビットコインのフルノード実装btcdを調べる(2)

btcdを実行した際のプログラムの流れを最初から確認してみます。 se 続きを読む …

%d人のブロガーが「いいね」をつけました。