javascript实现客户端file选择文件后img标签加载客户端图片实现图片预览。
测试浏览器:firefox6,firefox12,chrome 25.0.1364.172 m,IE6-IE10 都兼容
safari5.0.4不支持FileReader和file.files.item(0).getAsDataURL方法,暂时无解,需要上传到服务器后返回临时文件名用img标签加载,不知道后续的safari版本是否支持FileReader对象。
IE10下效果:


IE9下效果:


实现源代码:

javascript实现客户端file选择文件后img标签加载客户端图片实现图片预览。
测试浏览器:firefox6,firefox12,chrome 25.0.1364.172 m,IE6-IE10 都兼容
safari5.0.4不支持FileReader和file.files.item(0).getAsDataURL方法,暂时无解,需要上传到服务器后返回临时文件名用img标签加载,不知道后续的safari版本是否支持FileReader对象。
IE10下效果:


IE9下效果:


实现源代码:
相关文章:1. 红米显示器23.8英寸Pro发布:三微窄边框IPS屏2. 小米笔记本Pro 2022将于7月4日发布:大师级屏幕3. 英特尔确认W790芯片组 将支持新一代至强工作站处理器4. 曝AMD 锐龙7000系列CPU和X670主板将于9月15日上市5. 360数科宣布正式加入FinOps阵营 finops是什么6. 华硕无畏Pro15 2022锐龙版/无畏Pro14锐龙版轻薄本预售7. 英特尔锐炫A770/A750独显价格与i7-12700K处理器类似8. AMD发布锐龙7000系列台式机处理器:基于“Zen 4”架构9. AMD锐龙700系列国行价格公布:16核心 售价仅5499元10. 微软Surface Studio3曝光 芯片支持2.4Ghz和5Ghz
网公网安备:皖ICP备2020019022号-8 Copyright ¢ 2020-2025 Powered by V1.8 All Rights Reserved 技术支持:乐呵呵网
声明:本站所有资源以学习为主