Js+Css实现图片上传预览功能

my903687142 2013-04-12 12:00:49
<style type="text/css">
#newPreview{
FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)
}
</style>
function showPreview(imgFile) {

var newPreview = document.getElementById("newPreview"); alert(document.getElementById("<%=filePic.ClientID %>").value);
newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value;
newPreview.style.width = "130px";
newPreview.style.height = "75px";
document.getElementById("<%=imgAD.ClientID %>").style.display = "none";
}
以下是页面代码:
<td style="border-bottom: none; width: 100px">
<div id="newPreview">
<asp:Image ID="imgAD" runat="server" Width="130px" Height="75px" />
</div>
</td>
<td style="border-bottom: none;">
<asp:FileUpload ID="filePic" runat="server" ToolTip="上传图片" onchange="showPreview(this)" />
</td>
JS获取filePic的value值不是图片上传的路径,变成
C:\fakepath\05.jpg,是杂回事

...全文
220 4 打赏 收藏 转发到动态 举报
写回复
用AI写文章
4 条回复
切换为时间正序
请发表友善的回复…
发表回复
my903687142 2013-04-12
  • 打赏
  • 举报
回复
谢谢各位,我目前找到解决方法,只不过只兼容了IE,其他浏览器还是不行
  • 打赏
  • 举报
回复
引用 1 楼 queensking 的回复:
http://www.cnblogs.com/cloudgamer/archive/2009/12/22/ImagePreview.html 这个是博客园的一种方法 我证实了可用
这东西存在兼容性问题。。。。
my903687142 2013-04-12
  • 打赏
  • 举报
回复
但我还是想用这种方法啊,那位大侠指点指点
queensking 2013-04-12
  • 打赏
  • 举报
回复
http://www.cnblogs.com/cloudgamer/archive/2009/12/22/ImagePreview.html 这个是博客园的一种方法 我证实了可用

110,561

社区成员

发帖
与我相关
我的任务
社区描述
.NET技术 C#
社区管理员
  • C#
  • Web++
  • by_封爱
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告

让您成为最强悍的C#开发者

试试用AI创作助手写篇文章吧