Html5 上传图片预览

遇见一个人流泪

于 2016-12-26 15:12:41 发布

阅读量335

点赞数

分类专栏： js 文章标签： html5 FileReader

本文链接：https://blog.youkuaiyun.com/u011628981/article/details/53886341

版权

js 专栏收录该内容

11 篇文章

订阅专栏

$('#imageUpload').change(function(event) { 
   var files = event.target.files, file; 
   for(var i=0; i<files.length; i++){
       file = files[i];
       /* var URL = window.URL || window.webkitURL; 
       var imgURL = URL.createObjectURL(file); 
       $('.imgBox').append($('<img/>').attr('src', imgURL)); 
       //URL.revokeObjectURL(imgURL); */

       var reader = new FileReader();
       reader.readAsDataURL(file);
       reader.onload = function(e){
           $('.imgBox').append($('<img/>').attr('src', this.result)); 
       }
   }
});