$(function(){
$("input[type='file']").change(function(evt){
var files = evt.target.files;
alert("preview!!");
for (var i = 0, f; f = files[i]; i++) {
if (!f.type.match('image.*')) {
continue;
}
var reader = new FileReader();
reader.onload = (function(theFile) {
return function(e) {
$("#preview").attr("src",e.target.result); //预览图片的位置
};
})(f);
reader.readAsDataURL(f);
}
});
});
HTML中预览图片的JQeury代码
最新推荐文章于 2021-06-10 12:50:14 发布