html在线预览图片,javascript简单代码实现图片上传预览

废话不多说&＃xff0c;直接贴代码

function getObjectURL(file) {

var url &＃61; null;

if (window.createObjectURL !&＃61; undefined) {

url &＃61; window.createObjectURL(file)

} else if (window.URL !&＃61; undefined) {

url &＃61; window.URL.createObjectURL(file)

} else if (window.webkitURL !&＃61; undefined) {

url &＃61; window.webkitURL.createObjectURL(file)

}

return url

}

作为笔记用&＃xff0c;先贴上后面再解释

用法

html:

选择文件

$(&＃39;.uploadimg&＃39;).on(&＃39;change&＃39;, function() {

var imgUrl &＃61; getObjectURL(this.files[0]);

$(".imgPrvew").attr(&＃39;src&＃39;, imgUrl)

});

function getObjectURL(file) {

var url &＃61; null;

if (window.createObjectURL !&＃61; undefined) {

url &＃61; window.createObjectURL(file)

} else if (window.URL !&＃61; undefined) {

url &＃61; window.URL.createObjectURL(file)

} else if (window.webkitURL !&＃61; undefined) {

url &＃61; window.webkitURL.createObjectURL(file)

}

return url

}

先这样....