用asp.net开发网站时，经常要上传图片，现在IE7出现，原来的img.src='xxx.jpg'这种预览方式已经失效。本文介绍新的上传前预览图片的处理方式。代码很简单，直接贴代码了。
aspx文件代码：
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="UploadPicture._Default" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>无标题页</title>
<link href="http://www.svnhost.cn/style/public.css" rel="stylesheet" type="text/css" />
</head>
<body>
<script language="javascript">
function $(o){return document.getElementById(o);}
function CheckImgCss(o,img)
{
if (!/\.((jpg)|(bmp)|(gif)|(png))$/ig.test(o.value))
{
alert('只能上传jpg,bmp,gif,png格式图片!');
o.outerHTML = o.outerHTML;
}
else
{
$(img).filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src=o.value;
//$('Image1').src = o.value;//这里IE7已经不支持了。所以才有上面的方法。
}
}
</script>
<form id="form1" runat="server">
<div><h1>一次上传多个图片并预览，请选择图片：</h1>
<asp:FileUpload ID="FileUpload1" onchange="CheckImgCss(this, 'img');" runat="server" />
<asp:FileUpload ID="FileUpload2" onchange="CheckImgCss(this, 'img');" runat="server" />
<asp:Button ID="Button1" runat="server" OnClick="Button1_Click" Text="上传" />
<div id="img" style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=<%= pic%>,sizingMethod=scale);width:102px;height:100px;"></div>
</div>
</form>
<div>
<iframe src="http://www.svnhost.cn" width="1000" height="1800" frameborder="0" scrolling="no"></iframe>
</body>
</html>
cs文件代码：
using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;
namespace UploadPicture
{
public partial class _Default : System.Web.UI.Page
{
//该变量用来修改的的时候的默认值。例如上传自己的头像，如果用户修改头像，这里可以显示他原来的头像。
public string pic = "http://www.svnhost.cn/images/logo.gif";
protected void Page_Load(object sender, EventArgs e)
{
}
protected void Button1_Click(object sender, EventArgs e)
{
Random r = new Random();
//这样循环，可以同时上传多个文件。前台已经有文件格式的判断，有错误提示了。这里只要过滤掉非法文件即可，无需提示了。
for (int i = 0; i < Request.Files.Count; i++)
{
if (Request.Files[i].ContentLength > 0)
{
string ex = System.IO.Path.GetExtension(Request.Files[i].FileName).ToLower();
if (".jpg.gif.png.bmp".Contains(ex))
{
string newFileName = DateTime.Now.ToString("yyyyMMddHHmmss") + r.Next(100, 999).ToString() + ex;
//保存文件名到数据库
//xxxxxxxxxxxxxxxx
//xxxxxxxxxxxxxxxx
Request.Files[i].SaveAs(Server.MapPath(newFileName));
pic = newFileName;
}
}
}
}
}
}
分享到：
相关推荐
在这个"asp.net(c#)一次预览并上传多张图片.rar"的压缩包中，包含的核心知识点是关于在ASP.NET环境中实现用户同时预览和上传多张图片的功能。这一功能在很多网站，如社交媒体、博客平台或者电子商务网站中非常常见，...
本文将详细解析如何利用ASP.NET和C#实现这一功能，结合Flash和摄像头技术，创建一个实时拍照并上传的系统。 首先，我们需要理解ASP.NET的基本架构。ASP.NET是由微软开发的一个用于构建Web应用程序的框架，它基于...
在ASP.NET(C#)框架中，一次性上传多张图片是一项常见的功能需求，尤其在网站开发中，例如用户头像上传、商品图片展示等场景。这个技术涉及到前端与后端的交互，以及文件处理和存储。下面我们将详细讲解如何实现这个...
在ASP.NET平台上，使用C#语言将Excel数据导入到网页是一项常见的需求，这通常涉及到数据的读取、处理以及在Web界面展示。本教程将详细讲解如何实现这一过程。 首先，你需要了解C#中用于读取Excel文件的库。.NET框架...
在Asp.Net开发中，有时候我们需要实现用户可以批量上传图片并能实时预览的效果，而这个资源包就提供了这样的功能，但需要注意的是，它带有版权，只能用于学习目的，不可用于商业项目。 Asp.Net是微软公司推出的一种...
在Asp.net MVC框架中，实现在线预览各种办公文档，如Word、Excel、PowerPoint和PDF文件，是一项常见的需求。这通常涉及到技术栈的整合，包括后端处理和前端展示。以下是一些关键知识点： 1. **Asp.net MVC框架**：...
在ASP.NET中实现多张图片上传是一项常见的需求，比如在用户个人资料编辑、产品展示或社交媒体平台等场景。下面将详细介绍如何在ASP.NET中实现多张图片的上传功能。 首先，我们需要在HTML页面上设置一个可以供用户...
在ASP.NET AJAX上传中，通常会使用UpdatePanel控件作为基础，它可以将文件上传的整个过程封装在一次异步调用中，避免了整个页面的刷新。同时，为了实现预览功能，我们需要借助HTML5的File API，这个API允许我们访问...
总之，ASP.NET C#结合AJAX实现图片剪裁上传是一个综合性的任务，涉及到前端交互、文件上传、图片处理等多个环节。虽然给出的资料可能不再是最新的，但了解其基本原理对于理解现代Web开发依然有价值。随着技术的发展...
*** MVC图片上传和预览显示的实现并不复杂，通过小步骤的累积和各个组件的协同工作，可以实现一个完整的图片上传和预览功能。代码示例和演示链接帮助读者更好地理解和掌握整个实现过程，为他们的学习和开发提供了...
ASP.NET是一种广泛使用的开源Web应用程序框架，由微软开发，用于构建动态网站、Web应用程序和Web服务。在ASP.NET中实现照相及上传功能是常见的需求，尤其在涉及到用户头像编辑、在线证件照拍摄等场景时。这篇描述...
在ASP.NET+C#环境中，图片上传是一个常见的功能需求，它涉及到客户端与服务器之间的数据交互、文件处理以及存储管理等多个方面。下面将详细讲解这个知识点。 首先，我们需要理解ASP.NET是微软开发的一种Web应用程序...
在Asp.net开发中，实现多图上传带预览和进度条功能是一项常见的需求，尤其在网站内容管理、用户交互等方面。这个功能可以提供更好的用户体验，让用户了解文件上传的实时状态，同时允许用户在上传前预览图片，确认...
在ASP.NET中实现图片上传及时预览是一项常见的需求，它能提供用户友好的交互体验，让用户在上传图片后能够即时查看效果。以下是对这个主题的详细解析。 首先，我们需要了解ASP.NET的基本架构。ASP.NET是Microsoft...
本话题聚焦于“C# ASP.NET 连续性预览图片”，这涉及到网页中实现图片浏览功能，特别是用户可以连续预览多张图片，比如在相册或画廊应用中常见的情况。下面将深入探讨这一技术实现的关键知识点。 1. 图片服务器端...
由于我们使用的是C# Asp.Net，所以这个地址通常指向一个处理图片上传的ASP.NET Web API或MVC控制器方法。在这个方法中，需要接收文件流，将其保存到服务器的特定文件夹，同时处理任何可能出现的错误。 为了在上传...
C# ASP.NET 图片批量上传，可预览带进度条 picture image processbar ASP.NET图片批量上传，可预览带进度条，显示上传的百分比进度条，支持单张图片最大10M、支持jpg，gif，png，bmp格式的图片。同时，本上传程序可...
下面将详细讨论如何使用Asp.net FileUpload控件实现不上传图片的预览功能。 首先，我们需要在ASP.NET页面上添加FileUpload控件。在.aspx文件中，可以这样声明： ```html <asp:FileUpload ID="FileUpload1" runat=...
ASP.NET C# KTV点歌系统是一个基于微软的ASP.NET技术构建的，用于实现KTV场所的在线点歌功能的应用程序。这个系统包含了多个关键模块，以满足不同用户的需求，如管理员、顾客等。以下是对这些模块的详细解析： 1. ...
ASP.NET图片上传预览功能是Web开发中常见的一项需求，特别是在构建交互性强、用户体验良好的网站时。1.0版本通常代表这一功能的初始实现，可能包含基础的文件选择、预览、上传和错误处理机制。在ASP.NET环境中，...