首页 / JAVASCRIPT / javascript预览上传图片发现的问题的解决方法

javascript预览上传图片发现的问题的解决方法

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了javascript预览上传图片发现的问题的解决方法，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含842字，纯文字阅读大概需要2分钟。

内容图文

先看看效果图吧：
javascript预览上传图片发现的问题的解决方法 - 文章图片
机会难得，有点技术亮点，就一下子投入到功能开发中去了。在这一块的功能开发中，自己还是学到些不错的东西，其中一点就是，用户选择上传的图片，如何预览出来呢。网上找了些资料，最终采用如下方法：
代码如下:

function (obj) { //logo上传添加事件 
var logoimg = null; 
if (document.all) {//如果是IE情况下 
obj.select(); 
logoimg = document.selection.createRange().text; 
//由于是采用滤镜的方式，所以要把图片设置为不可见，在图片外层的DIV上面设置滤镜效果 
$(".setup_logo_left img").removeAttr("src"); 
$(".setup_logo_left img").css("display", "none"); 
var img = document.getElementById("preview_fake"); 
img.filters.item( 
'DXImageTransform.Microsoft.AlphaImageLoader').src = logoimg; 
return; 
} 
logoimg = obj.files[0].getAsDataURL(); 
$(".setup_logo_left img").attr("src", logoimg); 
} 
 
效果很不错，在IE6，IE7，IE8,FOX,哦还有一个特让人纠结的360都正常显示

内容总结

以上是互联网集市为您收集整理的javascript预览上传图片发现的问题的解决方法全部内容，希望文章能够帮你解决javascript预览上传图片发现的问题的解决方法所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/370183.html

来源：【匿名】