文件上传问题
具体描述：点击“增加图片”按钮，动态增加一个上传控件和一个图像控件，当选择图片的时候，图像控件同时也显示自己选择的图片预览（这个时候没有上传到服务器）最后当点击“批量上传”按钮，这些图片才真正上传到服务器上！请问高手我应该如何实现这样的功能，能不能给点思路，我研究好长时间了，没有弄明白。先谢谢高手阁下了！ --------------------编程问答-------------------- 使用ASP.net（C#）批量上传图片并自动生成缩略图,文字水印图,图片水印图作者：王宏喜
因本网站上传图片的需要，参考很多成熟的经验，在ASP.net平台上使用C#语言，做了这一自动批量上传图片的.ASPX文件，并经调试成功，在本网站上使用，现发出来供大家参考，也希望高手多加指点。
本程序主要功能有：
（1）可以根据自己的需要更改上传到服务器上的目录，上传的源图、缩略图、文字水印图和图片水印图分别存入所定目录下的不同目录；
（2）自动检查目录，如无所选择的目录，则自动创建它们；
（3）自行设定生成缩略图的大小；
（4）可以选择是否需要生成文字水印、图片水印，默认为不生成水印图；
（5）可以添加、删除所需上传的图片。
在本程序中均加了相关注释，所以直接发代码，不再多作解释。
后台程序：
--------------------编程问答-------------------- 用 javascript 实现罗 --------------------编程问答-------------------- 正在学习中 见谅！！！ --------------------编程问答-------------------- 非常感谢阁下的贴字哈 --------------------编程问答-------------------- //后台、代码
using System;
using System.Collections;
using System.Configuration;
using System.Data;
using System.Linq;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.HtmlControls;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Xml.Linq;
using System.IO;
using System.Net;
using System.Text.RegularExpressions;
/// 〈summary>
/// FileUpload1.HasFile 如果是true，则表示该控件有文件要上传
/// FileUpload1.FileName 返回要上传文件的名称，不包含路径信息
/// FileUpload1.FileContent 返回一个指向上传文件的流对象
/// FileUpload1.PostedFile 返回已经上传文件的引用
/// FileUpload1.PostedFile.ContentLength 返回上传文件的按字节表示的文件大小
/// FileUpload1.PostedFile.ContentType 返回上传文件的MIME内容类型，也就是文件类型，如返回"image/jpg"
/// FileUpload1.PostedFile.FileName 返回文件在客户端的完全路径（包括文件名全称）
/// FileUpload1.PostedFile.InputStream 返回一个指向上传文件的流对象
/// FileInfo对象表示磁盘或网络位置上的文件。提供文件的路径，就可以创建一个FileInfo对象：
/// 〈/summary>
public partial class BackManagement_ImagesUpload : System.Web.UI.Page
{
public string treePath = "";
public int imageW = 100;
public int imageH = 100;
protected void Page_Load(object sender, EventArgs e)
{
this.Button5.Attributes.Add("Onclick", "window.close();"); //在本地关闭当前页，而不需要发送到服务器去关闭当前页时
if (!Page.IsPostBack)
{
Label2.Text = Server.MapPath("/");
TextBox3.Text = "ImageUpload";
treePath = Server.MapPath("/") + TextBox3.Text.Trim() + "/";
TextBox4.Text = imageW.ToString();
TextBox5.Text = imageH.ToString();
}
}
protected void btnload_Click(object sender, EventArgs e)
{
//如果保存图片的目录不存在，由创建它
treePath = Server.MapPath("/") + TextBox3.Text.Trim() + "/";
imageW = Convert.ToInt32(TextBox4.Text.ToString());
imageH = Convert.ToInt32(TextBox5.Text.ToString());
if (!File.Exists(treePath + "images")) //如果/ImageUpload/images不存在，则创建/ImageUpload/images，用于存放源图片
{
System.IO.Directory.CreateDirectory(treePath + "images");
}
if (!File.Exists(treePath + "thumbnails")) //如果/ImageUpload/thumbnails不存在，则创建/ImageUpload/thumbnails，用于存放缩略图片
{
System.IO.Directory.CreateDirectory(treePath + "thumbnails");
}
if (!File.Exists(treePath + "textImages")) //如果/ImageUpload/textImages不存在，则创建/ImageUpload/textImages，用于存文字水印图片
{
System.IO.Directory.CreateDirectory(treePath + "textImages");
}
if (!File.Exists(treePath + "waterImages")) //如果/ImageUpload/waterImages不存在，则创建/ImageUpload/waterImages，用于存图形水印图片
{
System.IO.Directory.CreateDirectory(treePath + "waterImages");
}
if (FileUpload1.HasFile) //如果是true，则表示该控件有文件要上传
{
string fileContentType = FileUpload1.PostedFile.ContentType;
if (fileContentType == "image/bmp" || fileContentType == "image/gif" || fileContentType == "image/pjpeg")
{
string name = FileUpload1.PostedFile.FileName; //返回文件在客户端的完全路径（包括文件名全称）
FileInfo file = new FileInfo(name); //FileInfo对象表示磁盘或网络位置上的文件。提供文件的路径，就可以创建一个FileInfo对象：
string fileName = file.Name; // 文件名称
string fileName_s = "x_" + file.Name; // 缩略图文件名称
&n
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.IO;
using System.Diagnostics;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web.Security;
using System.Web.UI.HtmlControls;
public partial class Default2 : System.Web.UI.Page
{
//protected System.Web.UI.WebControls.Button UploadButton;
//protected System.Web.UI.WebControls.Label strStatus;
private void Page_Load(object sender, System.EventArgs e)
{
/// 在此处放置用户代码以初始化页面
if (this.IsPostBack) this.SaveImages();
}
private Boolean SaveImages()
{
///'遍历File表单元素
HttpFileCollection files = HttpContext.Current.Request.Files;
/// '状态信息
System.Text.StringBuilder strMsg = new System.Text.StringBuilder();
strMsg.Append("上传的文件分别是：<hr color=red>");
try
{
for (int iFile = 0; iFile < files.Count; iFile++)
{
///'检查文件扩展名字
HttpPostedFile postedFile = files[iFile];
string fileName, fileExtension;
fileName = System.IO.Path.GetFileName(postedFile.FileName);
if (fileName != "")
{
fileExtension = System.IO.Path.GetExtension(fileName);
strMsg.Append("上传的文件类型：" + postedFile.ContentType.ToString() + "<br>");
strMsg.Append("客户端文件地址：" + postedFile.FileName + "<br>");
strMsg.Append("上传文件的文件名：" + fileName + "<br>");
strMsg.Append("上传文件的扩展名：" + fileExtension + "<br><hr>");
///'可根据扩展名字的不同保存到不同的文件夹
///注意：可能要修改你的文件夹的匿名写入权限。
postedFile.SaveAs(System.Web.HttpContext.Current.Request.MapPath("Files/") + fileName);
}
}
strStatus.Text = strMsg.ToString();
return true;
}
catch (System.Exception Ex)
{
strStatus.Text = Ex.Message;
return false;
}
}
#region Web 窗体设计器生成的代码
override protected void OnInit(EventArgs e)
{
//
// CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。
//
InitializeComponent();
base.OnInit(e);
}
private void InitializeComponent()
{
this.ID = "Upload";
this.Load += new System.EventHandler(this.Page_Load);
}
#endregion
}
//前台代码
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML>
<HEAD>
<title>多文件上传</title>
<script type="text/javascript">
function Preview(file1) {
document.getElementById("pic2").style.display = "none";
document.getElementById("pic").style.display = "block";
document.getElementById("pic").filters.item("DXImageTransform.Microsoft.AlphaImageLoader").src = file1;
}
</script>
<script language="JavaScript">
function addFile()
{
var str = '<INPUT type="file" size="50" NAME="File" onchange="Preview(this.value)">';
document.getElementById('MyFile').insertAdjacentHTML("beforeEnd", str);
}
</script>
</HEAD>
<body>
<form id="form1" method="post" runat="server" enctype="multipart/form-data">
<div align="center">
<h3>多文件上传</h3>
<div id="pic" style="filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale);
width: 190px; height: 68px; display: none;">
</div>
<%--<p id="imgs"><div id="pic2"><img src="" /></div></p>--%>
<P id="MyFile"><div id="pic2"><img src="" /></div><INPUT type="file" size="50" NAME="File" onchange="Preview(this.value)"></P>
<P>
<input type="button" value="增加(Add)" onclick="addFile()"> <input onclick="this.form.reset()" type="button" value="重置(ReSet)">
<asp:Button Runat="server" Text="开始上传" ID="UploadButton"></asp:Button>
</P>
<P>
<asp:Label id="strStatus" runat="server" Font-Names="宋体" Font-Bold="True" Font-Size="9pt" Width="500px"
BorderStyle="None" BorderColor="White"></asp:Label>
</P>
</div>
</form>
</body>
</HTML>
--------------------编程问答-------------------- 论坛里有很多上传的帖子，搜搜就能找到答案
并且包括很多的源码及解决方案 --------------------编程问答-------------------- .net 多文件上传 --------------------编程问答-------------------- 增加上传控件和图片控件，
可以用JAVASCRIPT实现，
至于“批量上传”，
直接POST就行了，
--------------------编程问答-------------------- 批量上传分两个阶段:
1.本地选择上传文件
使用javascript实现,实现步骤:
1.新增一个上传选项框
2.删除一个上传选项框
需要注意:IE和Firefox本地预览javascript有差异.
2.服务端遍历文件，依次保存
最好使用 ajax + 一般处理程序实现 ,效率高，更友好.
google一下就知道了. --------------------编程问答-------------------- 有个插件叫ImagePreview，有.net版本的，你去找找吧! --------------------编程问答-------------------- 学习中 不懂 还得继续加大力气学习了 好 --------------------编程问答-------------------- 学习学习，我的上传文件也遇到问题了，呵呵... --------------------编程问答-------------------- function AddFile()
{
var strFile="<input name=\"upload_A\" type='file' class='inputText' style='WIDTH:350px;'/><br/>";
document.getElementById("td_uploadFile").insertAdjacentHTML("beforeEnd",strFile);
}
<td id="td_uploadFile" align="center">
<input id="upload_A" name="upload_A" type="file" class="inputText"
style="width: 350px; display:none;" runat="server" />
</td>
HttpFileCollection Files = HttpContext.Current.Request.Files;
for (int i = 0; i < Files.Count; i++)
{
HttpPostedFile PostedFile = Files[i];
if (PostedFile.ContentLength > 0)
{
string FileName = PostedFile.FileName;
string AttachExt = FileName.Substring(FileName.LastIndexOf(".") + 1);
int TotalSize = PostedFile.ContentLength;
}
}
http://topic.csdn.net/u/20100506/14/fb78dc04-3872-4e33-b15e-a1a978014694.html --------------------编程问答-------------------- 路过 学习了
补充：.NET技术 , .NET技术前瞻
