读取URL有filereader 和 URL.createObjectURL 两种预览方式。
URL.createObjectURL 有浏览器自带的接口(不同浏览器接口不同),所以性能较好,但我在谷歌试了一次,没效果就用了filereader,这个方法在一般的编辑器里也用来读取来上传图片。
//封面图显示更新
$("#fileImg").change(function () {
var rd=new FileReader(); //创建文件读取对象
var file=document.getElementById("fileImg").files[0];
rd.readAsDataURL(file); //读取类型为base64
rd.onload=function (ev) {
document.getElementById('fileImgLink').src=this.result;
}
});
JQ形式:
$("#fileImg").change(function () {
var rd=new FileReader(); //创建文件读取对象
var file=$(this)[0].files[0];
rd.readAsDataURL(file); //读取类型为base64
rd.οnlοad=function (ev) {
$("#fileImgLink")[0].src=this.result;
}
});