使用文件内容创建图像

时间:2014-05-13 15:11:53

标签: javascript image filereader

我有一个拖放框,用户可以将图像放入其中。我想在上传之前创建预览。我有图像的内容,其中包含数百行这样的内容:

png contents

有没有办法用它的内容显示图像? 我目前的阅读和分配代码:

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+'"/>');
}

1 个答案:

答案 0 :(得分:1)

非常简单&amp;高效地执行此操作,不需要FileReader,假设uploadedfile是&#34;数组&#34; File s或Blob s:

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