asp.net 2.0 FileUpload控件 上传图片 带预览
来源:互联网 发布:卡盟源码无限分站 编辑:程序博客网 时间:2024/06/09 20:06
下面就是FileUpload控件:
<div>
<asp:FileUpload ID="fulFile" runat="server" onchange="PreviewImg(this)" />
<asp:Button ID="btnUpload" runat="server" OnClick="btnUpload_Click" Text="上传" />
</div>
这里的层用来预览图片:
<div id="newPreview"></div>
因为安全性问题,IE7禁用了image控件引用本地图片,以下是解决方案
在<head></head>之间添加如下代码:
<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 = "800px";
newPreview.style.height = "720px";
}
</script>
btnUpload click 事件:
protected void btnUpload_Click(object sender, EventArgs e)
{
string path = Server.MapPath("~/Image/");
if (this.fulFile.HasFile)
{
string fileException = System.IO.Path.GetExtension(fulFile.FileName).ToLower();
if (fileException.Equals(".jpg"))
{
this.fulFile.SaveAs(path + fulFile.FileName);
Response.Write("<script>alert('上传成功!');</script>");
Response.Write("文件路径:"+this.fulFile.PostedFile.FileName+" "
+this.fulFile.PostedFile.ContentLength+"字节 MIME内容类型:"
+this.fulFile.PostedFile.ContentType);
}
else
{
Response.Write("<script>alert('上传失败!仅支持JPG格式的图片');</script>");
}
}
else
{
Response.Write("<script>alert('请选择文件!');</script>");
}
}
<div>
<asp:FileUpload ID="fulFile" runat="server" onchange="PreviewImg(this)" />
<asp:Button ID="btnUpload" runat="server" OnClick="btnUpload_Click" Text="上传" />
</div>
这里的层用来预览图片:
<div id="newPreview"></div>
因为安全性问题,IE7禁用了image控件引用本地图片,以下是解决方案
在<head></head>之间添加如下代码:
<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 = "800px";
newPreview.style.height = "720px";
}
</script>
btnUpload click 事件:
protected void btnUpload_Click(object sender, EventArgs e)
{
string path = Server.MapPath("~/Image/");
if (this.fulFile.HasFile)
{
string fileException = System.IO.Path.GetExtension(fulFile.FileName).ToLower();
if (fileException.Equals(".jpg"))
{
this.fulFile.SaveAs(path + fulFile.FileName);
Response.Write("<script>alert('上传成功!');</script>");
Response.Write("文件路径:"+this.fulFile.PostedFile.FileName+" "
+this.fulFile.PostedFile.ContentLength+"字节 MIME内容类型:"
+this.fulFile.PostedFile.ContentType);
}
else
{
Response.Write("<script>alert('上传失败!仅支持JPG格式的图片');</script>");
}
}
else
{
Response.Write("<script>alert('请选择文件!');</script>");
}
}
- asp.net 2.0 FileUpload控件 上传图片 带预览
- ASP.NET使用FileUpLoad控件上传图片前预览图片
- Asp.net通过FileUpLoad控件上传图片
- ASP.NET在IE7中使用FileUpload上传预览图片
- Asp.Net FileUpload选择图片后预览,并直接上传
- 使用FileUpload控件上传前预览图片
- 使用FileUpload控件上传前预览图片
- 使用FileUpload控件上传前预览图片
- 使用FileUpload控件上传前预览图片
- 用FileUpload控件上传图片 (asp.net C#)
- asp.net图片上传-简单实用(VS2008 FileUpload控件)
- asp.net 使用FileUpload控件上传并显示图片
- asp.net带预览的图片上传客户端脚本
- FileUpload上传图片预览
- FileUpload控件预览图片
- ASP.NET基本控件FileUpload上传控件
- asp.net在ie7中使用FileUpload上传前预览图片
- asp.net在ie7中使用FileUpload上传前预览图片
- C++ Primer Plus 第五版 第六章 编程练习 7
- 爆笑郭德纲语录(续)
- myeclipse汉化
- Hibernate学习笔记10
- Oracle 中length 與lengthb 介紹
- asp.net 2.0 FileUpload控件 上传图片 带预览
- Oracle数据库常用的Sql语句
- Head.First.C#.中文版.图文皆译.第十一章.事件和委托.翻译完毕.PDF下载
- CompTIA A+ Certification All-In-One Desk Reference For Dummies
- 六大网络公司08年Q3财报 腾讯收入20亿
- How to Cheat at Configuring Exchange Server 2007: Including Outlook Web, Mobile, and Voice Access
- 传送打印指令到打印机
- How to Code .NET: Tips and Tricks for Coding .NET 1.1 and .NET 2.0 Applications Effectively
- Textmate: Power Editing for the Mac (Pragmatic Programmers) [ILLUSTRATED]