您的位置:首页 > 编程语言 > ASP

ASP.NET上传图片立即显示(不上传到服务器)

2008-07-23 19:52 441 查看
第一种
(解决IE7不允许访问本地文件的弊端 )
在页面加入如下代码
<style type="text/css">#newPreview {
FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale)
}
</style>

<script language="javascript" type="text/javascript">
function PreviewImg(imgFile)
{
var newPreview = document.getElementById("newPreview");
newPreview.filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = imgFile.value;
newPreview.style.width = "120px";
newPreview.style.height = "168px";
}

</script>

在FileUpload 里加入下面事件
<asp:FileUpload ID="file_image" runat="server" onchange="PreviewImg(this)" />
<div id="newPreview"></div>

第二种

<tr bgcolor="#f5f5f5">
<td height="30" align="center" valign="middle">图片链接</td>
<td height="35" align="center" valign="middle"><input type="file" name="uploadfile1" runat="server" id="uploadfile1" onpropertychange="document.all.imgID.src='file:///'+this.value">  
</td>
</tr>
<tr bgcolor="#f5f5f5">
<td height="70" align="center" valign="middle">缩略图</td>
<td height="70" align="center" valign="middle"><img id="imgID" width="82" height="65" border="0" > 
</td>
</tr>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: