显示上传图片

不用等图片上传到服务器就可以预览上传图片的代码(blob对象

部分html代码

<input type="file" id="upload" accept="image/*" name="file" /> 

<div id="showFile"></div>

js代码

$("#upload").on("change",function(){
  

var ts=this;
var blob_=new Blob([ts.files[0]],{type:"application/octet-binary"});
var url=URL.createObjectURL(blob_);
var img = "<img class='man-w33 left' src='"+url+"' />";
$("#showFile").append(img);

});

 

posted @ 2017-06-23 10:52  MrLuo  阅读(242)  评论(0编辑  收藏  举报