函数“ reader.onload”在js中显示错误

Question

我正在尝试使用以下代码将图像上传到html页面上。

 <img id="blah" class="target" alt="your image" 
  src="http://placehold.it/180"  />
<input type="file" id="file" onchange="readURL(this)" />


   function readURL(input) {
   if (input.files && input.files[0]) {
       var reader = new FileReader();
       reader.onload = (function (e) {
         console.log(e.target.result);
           $('#blah').attr('src', e.target.result);        
       })();

     }
   }

我希望输出结果是img标签中的图片。

Answer 1

function readURL(input) {
   if (input.files && input.files[0]) {
       var reader = new FileReader();
       reader.readAsDataURL(input.files[0]);
       reader.onload = (function (e) {
          document.getElementById("blah").setAttribute('src',reader.result);   
     });
   }
   }