图片上传预览方法 js

图片上传预览方法 js

JS图片上传预览函数

function previewImage(file_id, img_id) {
document.getElementById(file_id).onchange = function (evt) {
// 如果浏览器不支持FileReader,则不处理
if (!window.FileReader) return;
var files = evt.target.files;
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) {
// img 元素
document.getElementById(img_id).src = e.target.result;
};
})(f);
reader.readAsDataURL(f);
}

}
}

打赏 赞(1)
微信
支付宝
微信二维码图片

微信扫描二维码打赏

支付宝二维码图片

支付宝扫描二维码打赏

发表评论

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

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