上传图片预览效果

风2013 2012-04-16 01:35:39

一个img标签，一个FileUpload控件

FileUpload控件选中一种图片，让img标签显示出来

要所有的浏览器下都兼容不知是否可实现，求高手指点有源码更好，先谢谢各位了

...全文

1901 29 打赏收藏转发到动态举报

写回复

用AI写文章

29 条回复

切换为时间正序

请发表友善的回复…

发表回复

一亩三分地_Fly 2014-01-15

打赏
举报

同27楼， 85337416@qq.com

zhangshuanglili 2014-01-10

打赏
举报

781154907@qq.com，请问你解决了吗，我现在急需一分上传前显示的代码，能给我发一个吗，

你妹仙人板板 2013-11-14

打赏
举报

引用 8 楼 SomethingJack 的回复:

想要兼容性好还是首选flash. 需要DEmo留邮箱.

z664633900@126.com 求发一个flash的，不要有截图功能的哦

kekeyumuku 2013-08-21

打赏
举报

楼主，这个问题解决了吗

a176828482 2013-04-12

打赏
举报

表示没弄明白啊.. 我的图片路径有问题啊

莫舍桥西 2012-04-25

打赏
举报

jquery Uploadify 控件实现无刷新上传

Delta 2012-04-19

打赏
举报

收藏了啊，，，，，，，，，，，，

微信公众号 2012-04-18

打赏
举报

如果用fileupload控件，由于浏览器的安全设置，你是得不到图片的物理地址的，取到的只是图片的虚拟地址，所以，你也就无法上传之前进行预览；当然，你也可以设置浏览器的安全选项，也可以，不过，一点实际用处都没有。

风飘扬 2012-04-17

打赏
举报

你想要兼容所有浏览器的例子，这难度有点大，等待中。。。

hudelan 2012-04-17

打赏
举报

<title>无标题页</title>
<script type="text/javascript">
function show1(upimg)
{
var dd=document.getElementById("divview");
dd.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = upimg;
dd.style.width = 100;
dd.style.height = 100;
dd.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").sizingMethod = 'scale';
}
</script>

</head>
<body>
<form id="form1" runat="server">
<div>
<asp:FileUpload ID="fuFile" onpropertychange="show1(this.value)" runat="server" />
div的样式<br />
<div id="divview" style="Filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=image); width: 100px; height: 100px;">
</div>

</div>
</form>
</body>

风2013 2012-04-17

打赏
举报

[Quote=引用 16 楼的回复:]
不知道你做这个的用途，FileUpload里直接用‘缩略图’模式查看不就看到图片了？
[/Quote]

详细点，不明白‘缩略图’模式是个啥东西啊
谢谢

风2013 2012-04-17

打赏
举报

[Quote=引用 14 楼的回复:]
案例，多图片浏览上传
[/Quote]
这个代码我看过了，用于批量上传挺不错的但不是我需要的代码

不解 2012-04-17

打赏
举报

不知道你做这个的用途，FileUpload里直接用‘缩略图’模式查看不就看到图片了？

风2013 2012-04-17

打赏
举报

[Quote=引用 14 楼的回复:]
案例，多图片浏览上传
[/Quote]

资源分都0了，哪有那么多的分区下载啊能直接传给我一份么 1366259807@QQ.com 谢谢

qq623932737 2012-04-17

打赏
举报

案例，多图片浏览上传

风2013 2012-04-17

打赏
举报

[Quote=引用 10 楼的回复:]
图片不保存到服务器那叫上传吗？
[/Quote]

我后面会有操作保存的，选择一张图片只是为了预览不直接上传点保存之后才上传

风2013 2012-04-17

打赏
举报

[Quote=引用 8 楼的回复:]
想要兼容性好还是首选flash.
需要DEmo留邮箱.
[/Quote]
尽量不要用插件用插件的我会写，选择图片同时上传服务器再返回路径显示出来的我也办的到，

但我不想要这么复杂的操作，只要能简单的选择一张图片，在img标签中能显示出来就可以了最好javascript就能搞定的

SomethingJack 2012-04-17

打赏
举报

你单指预览的话 flash 吧

SomethingJack 2012-04-17

打赏
举报

[Quote=引用 9 楼的回复:]

引用 1 楼的回复:
参考孟子e章的文章
多图片上传+图片预览，兼容所有浏览器 IE5/IE6/IE7/IE8/IE9/Chrome/Safari/Firefox/Opera/

有没有简单点的，用javascript操作的，而且图片不需要保存到服务器上面去，
[/Quote]
图片不保存到服务器那叫上传吗？

风2013 2012-04-17