时间:2021-05-26
先看看效果图吧:
机会难得,有点技术亮点,就一下子投入到功能开发中去了。在这一块的功能开发中,自己还是学到些不错的东西,其中一点就是,用户选择上传的图片,如何预览出来呢。网上找了些资料,最终采用如下方法:
复制代码 代码如下:
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都正常显示
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
公司最近有个项目有这样的需求我才发现我之前写的如何通过JS获取用户本地图片路径这篇文章里所使用的方法只支持本地页面预览本地图片有一种解决方法是上传到服务器后返回
本文实例为大家分享了JavaScript实现单图片上传并预览功能的具体代码,供大家参考,具体内容如下单图片上传并实现预览.addPerson{l
本文实例为大家分享了JavaScript实现图片上传并预览并提交ajax的具体代码,供大家参考,具体内容如下图片上传并预览HTMLcss.file-box{po
通过javascript把图片转化为字符画1.获取上传图片对象数据Javascript无法直接获取本地上传的图片的数据,html5可以解决这一问题。html5里
网上找到的一份文件上传前预览的代码,转自JavaScript图片的上传前预览(兼容所有浏览器)#preview,.img,img{width:200px;hei