javascript - 使用文件内容创建图像

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]);