javascript获取图片本地图片预览方法

javascript获取图片本地图片预览方法

function getObjectURL(file) {
var url = null;
if (window.createObjectURL != undefined) { // basic
url = window.createObjectURL(file);
} else if (window.URL != undefined) {
// mozilla(firefox)
url = window.URL.createObjectURL(file);
} else if (window.webkitURL != undefined) {
// webkit or chrome
url = window.webkitURL.createObjectURL(file);
} else if (window.FileReader) {
let reader = new FileReader();
if (file && file.type.match('image.*')) {
reader.readAsDataURL(file);
reader.onloadend = function (e) {
url = reader.result;
};
return url;
} else {
return '';
}
}
return url;
}
//jquery 单图
let file = $("#fileInput").get(0).files[0];
//jquery 多图
let files = $("#fileInput").get(0).files;
//或者事件形式多图
function(e){
let files = e.target.files;
for(let i=0;i<files.length;i++) {
file = files[i];
}
//事件形式单图
let file_sigle = e.target.files[0];
}

打赏

发表评论

电子邮件地址不会被公开。 必填项已用*标注

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据