C#-WebForm-文件上传-FileUpload控件
FileUpload - 选择文件,不能执行上传功能,通过点击按钮实现上传
默认选择类型为所有类型
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
//<上传>按钮 void Button1_Click(object sender, EventArgs e) { //判断是否选中文件 if (FileUpload1.FileName.Length <= 0) { Label1.Text = "未选中任何文件!"; return; } //<上传> 功能代码 //------------------------------------------------------ //新建文件夹Uploads,设置保存文件名和类型abc.txt string path = "Uploads/abc.txt"; //映射绝对路径(Server.MapPath()) string endpath = Server.MapPath(path);//映射绝对路径 //展示上传保存文件夹绝对路径 Label1.Text = endpath; //保存到服务器(SaveAs()) FileUpload1.SaveAs(endpath);//保存到绝对路径 //------------------------------------------------------ }
1、如何判断是否选中文件?
FileUpload.FileName -
选中文件的文件名,如果长度不大于0,那么说明没选中任何文件
js - f.value.length
2、如何保存到服务器上?
FileUpload.SaveAs("绝对路径");
3、如何获得绝对路径?(李献策lxc)
先编写相对路径 - "UpLoads/abc.txt"
将相对路径映射成绝对路径 - Server.MapPath("UpLoads/abc.txt");
-----------------------------------------------------------------------------
在上述方法中,只能上传.txt文件,并且名字只能是abc。如何保留原有的名字和文件类型?
//新建文件夹Uploads,设置保存文件名 + 选择的文件名 string path = "Uploads/"+FileUpload1.FileName;
相同的文件会被覆盖。如何保持文件的单一性不被覆盖?
文件名前+登录用户名+当前时间(精确到毫秒)
//新建文件夹Uploads,设置保存文件名 string path = "Uploads/" + Request.Cookies["username"].Value + DateTime.Now.ToString("yyyyMMddhhmmssms") + FileUpload1.FileName;
-----------------------------------------------------------------------------
4、现在只能上传成为txt文件,并且名字只能是abc
如何保留文件原有的名字和文件类型?
"UpLoads/" + FileUpload1.FileName;
5、如何防止重名覆盖的问题?
"UpLoads/" + Request.Cookies["user"].Value + DateTime.Now.ToString("yyyyMMddhhmmssms") + FileUpload1.FileName;
-----------------------------------------------------------------------------
如何限制选中文件的类型?(李献策lxc)
前端 FileUpload 选择文件时显示的类型:
<asp:FileUpload ID="FileUpload1" runat="server" accept=".jpg,.png,.jpeg,.txt" />
用户可以公共选择“所有文件”来选择其他类型的文件,如何限制?
JS代码:
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
<script type="text/javascript"> //<上传>按钮点击事件(JS优先级最高) document.getElementById("Button1").onclick = function () { //获取选中的文件名 var filename = document.getElementById("FileUpload1").value; //截取文件名后4位或5位 var n = filename.substr(filename.length - 4, 4); var m = filename.substr(filename.length - 5, 5); //判断 n 或 m 不满足条件则终止执行,否则继续 if (n !== ".txt" && n !== ".jpg" && n !== ".png" && m !== ".jpeg") { alert("请选择正确的文件格式!"); return false; } }; </script>
-----------------------------------------------------------------------------
6、如何限制选中文件的类型?
限制普通人,给控件添加属性 - accept=".jpg,.png,.jpeg,.txt"
限制找事的:
document.getElementById("Button1").onclick = function () {
var fileName = document.getElementById("FileUpload1").value;
var name = fileName.substr(fileName.length - 4, 4);
var name1 = fileName.substr(fileName.length - 5, 5);
if (name != ".jpg" && name != ".png" && name != ".txt" && name1 != ".jpeg")
{
alert("请选择正确的文件!你要找事儿啊??");(李献策lxc)
return false;
}
};
-----------------------------------------------------------------------------
系统默认最大上传大小是4M,如果文件过大则无法上传
如何限制上传文件的大小?扩容 或 限制大小(李献策lxc)
扩容:
webconfig配置文件中:
<configuration> <system.web> <compilation debug="false" targetFramework="4.0" /> <!--设置最大上传文件大小40M,单位KB--> <httpRuntime maxRequestLength="40960" /> </system.web> </configuration>
注意!不要扩的太多,否则多人同时上传大文件会造成服务器内存不足!
限制大小:
C#端限制:
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
//<上传>按钮 void Button1_Click(object sender, EventArgs e) { //判断是否选中文件 if (FileUpload1.FileName.Length <= 0) { Label1.Text = "未选中任何文件!"; return; } //判断选中文件的长度大小是否大于4M(默认单位为B) if (FileUpload1.PostedFile.ContentLength > 4 * 1024 * 1024) { Label1.Text = "文件长度过长!!"; return; } //<上传> 功能代码 //------------------------------------------------------ //新建文件夹Uploads,设置保存文件名 string path = "Uploads/" + DateTime.Now.ToString("yyyyMMddhhmmssms") + FileUpload1.FileName; //映射绝对路径(Server.MapPath()) string endpath = Server.MapPath(path);//映射绝对路径 //展示上传保存文件夹绝对路径 Label1.Text = endpath; //保存到服务器(SaveAs()) FileUpload1.SaveAs(endpath);//保存到绝对路径 //------------------------------------------------------ }
缺点:<上传>点击后,系统是先提交给后台,然后再进行判断,提交给后台速度受影响
JS端限制:
![](https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif)
<script type="text/javascript"> //<上传>按钮点击事件(JS优先级最高) document.getElementById("Button1").onclick = function () { //判断要上传的文件的长度大小 var f = document.getElementById("FileUpload1"); if (f.files[0].size > 4 * 1024 * 1024) { Label1.Text = alert("文件长度过长!!"); return; } //获取选中的文件名 var filename = document.getElementById("FileUpload1").value; //截取文件名后4位或5位 var n = filename.substr(filename.length - 4, 4); var m = filename.substr(filename.length - 5, 5); //判断 n 或 m 不满足条件则终止执行,否则继续 if (n !== ".txt" && n !== ".jpg" && n !== ".png" && m !== ".jpeg") { alert("请选择正确的文件格式!"); return false; } }; </script>
优势:先进行判断再提交上传,不占用上传内存。
注意:C#端与JS端都要写,为防止绕过JS端直接上传
-----------------------------------------------------------------------------
7、控制上传文件的大小
扩容 - 系统默认允许最大上传长度是4MB
webconfig配置文件中写入
<system.web>
<compilation debug="false" targetFramework="4.0" />
<httpRuntime maxRequestLength="40000" />
</system.web>
百度搜,研究,C#大文件上传,断点续传。
注意!不要扩的太多,否则多人同时上传大文件会造成服务器内存不足!
限制大小
C#端限制:
if (FileUpload1.PostedFile.ContentLength>(4*1024*1024))
{
Label1.Text = "文件长度过长!!!";
return;
}
JS端限制:
var f = document.getElementById("FileUpload1");
if (f.files[0].size > (4 * 1024 * 1024)) {
alert("文件过大!!!");
return false;
}