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>
(解决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>
相关文章推荐
- ASP.NET上传图片立即显示(不上传到服务器)
- asp.net 图片上传至服务器并显示
- asp.net 自定义控件实现无刷新上传图片,立即显示缩略图,保存图片缩略图
- asp.net之Repeater ItemTemplate 图片上传 + 立即显示
- c# asp.net 使用kindeditor在服务器上不能显示上传图片的页面等解决办法
- asp.net 自定义控件实现无刷新上传图片,立即显示缩略图,保存图片缩略图
- asp.net 自定义控件实现无刷新上传图片,立即显示缩略图,保存图片缩略图
- ASP.NET立即上传图片
- ASP.NET的图片上传和显示
- Asp.Net实现无刷新文件上传并显示进度条(非服务器控件实现)
- asp.net(c#)使用HttpWebRequest附加携带请求参数以post方式模拟上传大文件(以图片为例)到Web服务器端
- hbuilder mui uploader图片上传到服务器完整版(ASP.NET)
- asp.net 庶罩层上传图片(二进制),并显示二进制图片
- ASP.NET网站中用到一个FlashUpload上传控件服务器上Flash就不能正常显示 axd映射问题
- 用asp.net 多文件上传 (并且图片即使显示)并隐藏上一个文件选择器
- 使用asp.net将图片上传并存入SqlServer中,然后从SqlServer中读取并显示出来
- (已测)【ASP.NET 基础】图片上传和显示
- 【ASP.NET 基础】图片上传和显示
- Android 上传图片到 Asp.Net 服务器的问题
- asp.net上传图片并显示相册