争怎路由网:是一个主要分享无线路由器安装设置经验的网站,汇总WiFi常见问题的解决方法。

javascript图片上传浏览的完成方法(附源码)

时间:2024/5/17作者:未知来源:争怎路由网人气:

'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的样式。

2344308752-5bcaf2373ec85_articlex.png
最后的预览图像

git地址:https://github.com/Zhoujiando...

以后会加入更多的小插件。 最后祝大家身体健康,谢谢。

以上就是javascript图片上传预览的实现方法(附源码)的详细内容,更多请关注php中文网其它相关文章!


网站建设是一个广义的术语,涵盖了许多不同的技能和学科中所使用的生产和维护的网站。



关键词:javascript图片上传浏览的完成办法(附源码)




Copyright © 2012-2018 争怎路由网(http://www.zhengzen.com) .All Rights Reserved 网站地图 友情链接

免责声明:本站资源均来自互联网收集 如有侵犯到您利益的地方请及时联系管理删除,敬请见谅!

QQ:1006262270   邮箱:kfyvi376850063@126.com   手机版