파일 내용으로 이미지 만들기

Question

사용자가 이미지를 놓을 수있는 놓기 상자 &이 있습니다. 업로드하기 전에 미리보기를 만들고 싶었습니다.

그 내용과 이미지를 표시 할 수있는 방법이 있나요 :이 같은 라인의 수백을 포함하는 이미지의 내용이 있습니까? 읽고 할당에 대한 나의 현재 코드 :

var reader = new FileReader(); 
reader.readAsText(uploadedfile[0]); 
reader.onload = function (e) { 
     filecontents = this.result; 
     reader.abort(); 
     var image = new Image(); 
     image.src = filecontents; 
     $('#drop p').html('<img src="'+image.src+'"/>'); 
} 

Answer 1

그것은이 일을 효율적 & 매우 간단합니다, 아니 FileReader이 필요하지, uploadedfile 가정은 File의 또는 Blob의의 "배열"입니다 :

var image = new Image(); 
image.src = URL.createObjectURL(uploadedfile[0]);