'image/png');
callback.call(this, dataURL); //回调函数传入base64的值
canvas = null;
};
img.src = url;
}
function getObjectURL(file) { //创造指向该图的URL
var url = null;
if (window.createObjectURL != undefined) { //大部分执行这个
url = window.createObjectURL(file);
} else if (window.URL != undefined) { // 兼容
url = window.URL.createObjectURL(file);
} else if (window.webkitURL != undefined) { // 兼容
url = window.webkitURL.createObjectURL(file);
}
return url;
}
首先获取各种属性如类型、大小
判断图片是否小于限制大小、小于的话直接转base64,大于的话 利用canvas 进行缩小完成压缩后转base64 然后将得到的值设置为背景图。然后隐藏add的样式。

最后的预览图像
git地址:https://github.com/Zhoujiando...
以后会加入更多的小插件。 最后祝大家身体健康,谢谢。
以上就是javascript图片上传预览的实现方法(附源码)的详细内容,更多请关注php中文网其它相关文章!
网站建设是一个广义的术语,涵盖了许多不同的技能和学科中所使用的生产和维护的网站。
关键词:javascript图片上传浏览的完成办法(附源码)