如何在input的type属性等于file时获取选择的图片信息,进行预览
<input type="file" class="my-file" />
<img class="my-img" src="#"/>
添加事件
$('.my-file').on('change',function(){
var file=this.files[0]; //获取file对象
var type = file.type.split("/"); //检查文件类型
if(type[0] != "image"){
alert("请选择图片");
return false;
}
var reader = new FileReader();//新建fileReader对象
reader.readAsDataURL(file);
reader.onloadend = function(){ //图片加载事件
var dataUrl = reader.result;
$(".my-img").attr("src",dataUrl);
}
})