asp.net文件上传
1.AjaxFileUpload
地址：http://www.phpletter.com/Demo/AjaxFileUpload-Demo/
js:
<script type="text/javascript">
function ajaxFileUpload() {
$.ajaxFileUpload(
{
url: '/Home/AjaxSave',
secureuri: false,
fileElementId: 'fileToUpload',
dataType: 'json',
beforeSend: function () {
},
complete: function () {
},
success: function (data, status) {
if (typeof (data.error) != 'undefined') {
if (data.error != '') {
alert(data.error);
} else {
alert(data.msg);
}
}
},
error: function (data, status, e) {
alert(e);
}
}
);
return false;
}
</script>
Html:
<input id="fileToUpload" type="file" size="45" name="fileToUpload" /> <input type="button" id="buttonUpload" onclick="return ajaxFileUpload();" value="Upload" />
后台：
public void AjaxSave()
{
var file = Request.Files[0];
string path = Server.MapPath("~") + "/Upfiles/" + "/";
if (!Directory.Exists(path))
{
Directory.CreateDirectory(path);
}
file.SaveAs(path + Path.GetFileName(file.FileName));
}
2.Ajax文件上传
1.Index视图中添加一个上传控件，请求文件列表的js。
<script type="text/javascript" src="@Url.Content("~/Scripts/jquery-1.8.3.min.js")"></script>
<script type="text/javascript">
$(document).ready(function () {
//文件列表
$.post("/Borrow/FileList", null, function (data) {
$("#fileList").html(data);
});
//提交图片之后的ajax请求更新
$("#fileList").click(function () {
$.post("/Home/FileList", null, function (data) {
$("#fileList").html(data);
$("#fileToUpload").val(null);
});
});
});
</script>
<div>
<div id="fileList">
文件列表
</div>
<br />
@using (Html.BeginForm("Upload", "Home", FormMethod.Post, htmlAttributes: new { enctype = "multipart/form-data", target = "msgframe" }))
{
<input id="fileToUpload" type="file" size="45" name="fileToUpload" />
<input type="submit" style="cursor: pointer;" value="上传" />
}
<iframe id="msgframe" name="msgframe" style="display: none;"></iframe>
</div>
2.控制器
public class HomeController : Controller
{
//Index
public ViewResult Index()
{
return View();
}
//上传
public ActionResult Upload()
{
//获取文件
var file = Request.Files["fileToUpload"];
string msg = "";
//保存
if (file != null && file.ContentLength > 0)
{
//文件目录
string path = Server.MapPath("~") + "Upfiles\\";
if (!Directory.Exists(path))
{
Directory.CreateDirectory(path);
}
//文件类型验证
string[] allowExtension = { "application/x-bmp" ,"image/jpeg", "application/x-jpg", "image/gif", "application/x-png",
"application/msword","applications-powerpoint", "application/x-ppt", "application/-excel",
"application/x-xls","application/vnd.ms-excel" };
if (!allowExtension.Contains(file.ContentType))
{
msg = "上传文件类型不正确";
}
else
{
//上传文件大小验证
long len = GetDirectoryLength(path) + file.ContentLength;
if (len <= 10 * 1024 * 1024)
{
string directoryName = path + "\\" + file.FileName;
file.SaveAs(directoryName);//文件
}
else
{
msg = "每个借款项目的文件不能超过10M";
}
}
}
else
{
msg = "添加文件失败";
}
if (!string.IsNullOrEmpty(msg))
{
Response.Write("<script>alert('" + msg + "');</script>");
}
Response.Write("<script>parent.document.getElementById('fileList').click();</script>");
return View();
}
//判断目录下文件的总大小
private long GetDirectoryLength(string dirPath)
{
long len = 0;
DirectoryInfo di = new DirectoryInfo(dirPath);
foreach (FileInfo fi in di.GetFiles())
{
len += fi.Length;
}
foreach (DirectoryInfo dis in di.GetDirectories())
{
len += GetDirectoryLength(dis.FullName);
}
return len;
}
//文件列表
public ActionResult FileList()
{
return PartialView();
}
}
3.Upload视图
@{
Layout = null;
}
<!DOCTYPE html>
<html>
<head>
<title>Upload</title>
</head>
<body>
<div>
</div>
</body>
</html>
补充：
<form name="formToUpload" method="post" action="..\loadjsonM\productPlan_JhJson.ashx" enctype="multipart/form-data" target="msgframe"> <input id="fileToUpload" type="file" size="45" name="fileToUpload" /> <input type="submit" style="cursor: pointer;" value="上传" /> <input name="uptype" type="hidden" value="55" /> </form> <iframe id="msgframe" name="msgframe" style="display: none;"></iframe>
string strReturn = @" <!DOCTYPE html> <html> <head> <title></title> <script type='text/javascript'> @msg </script> </head> <body> </body> </html> "; context.Response.ContentType = "text/html"; context.Response.Write(strReturn.Replace("@msg", msg));
3.选中文件即上传
function upload() { $("#fileToUpload").click(); setTimeout("checkFile()", 1000); } var timeout; function checkFile() { var filePath = $("#fileToUpload").val(); if (filePath == "" || filePath == null) { timeout = setTimeout("checkFile()", 1000); } else { clearTimeout(timeout); $("#formUpload").submit(); $("#fileToUpload").val(""); } }
<div style="display:none;"> <form id="formUpload" name="formToUpload" method="post" action="Accessory/Upload" enctype="multipart/form-data" target="msgframe"> <input id="fileToUpload" type="file" size="45" name="fileToUpload" /> </form> <iframe id="msgframe" name="msgframe" style="display: none;"></iframe> </div>
Request.File文件大小限制
错误消息：超过了最大请求长度
错误原因：asp.net默认最大上传文件大小为4M,运行超时时间为90S。
解决方案：
1. 修改web.config文件可以改变这个默认值
<configuration>
<system.web>
<httpRuntime maxRequestLength="1048576" executionTimeout="3600" />
</system.web>
<configuration>
2.另一种方法是修改.NET FrameWork:
(1) 修改 C:/WINDOWS/Microsoft.NET/Framework/v1.1.4322/CONFIG 目录下的machine.config 文件。
(2) 查找 "<httpruntime" 在这一行将 maxRequestLength的值改为理想的值，比如想要8M，就输入8192.
这样，你的任何一个 web 工程都可以上传最大8M的文件。
3.顺便说下IIS中限制上传文件大小的修改方法：
(1)首先要到进程中把IIS服务关了，即把inetinfo.exe进程关了。
(2)在系统目录中找到：windows/system32/inesrv/metabase.xml”文件，找个文本编辑器打开，查找AspMaxRequestEntityAllowed="204800"这一项，这就是iis上传文件的默认大小了，默认为204800Byte，也就是200KB，将它改为需要的大小就可以了。
备注：
在页面结构里，我们需要给一个input用来上传文件：
<input type="file" id="File">
则在支持FileReader的浏览器里就可以这样写：
document.getElementById("File").addEventListener("change", readFile, false);
这是在监听input的change事件，一旦选择了文件，触发了change事件，即刻调用readFile方法。
<input type="file" id="File">
则在支持FileReader的浏览器里就可以这样写：
document.getElementById("File").addEventListener("change", readFile, false);
这是在监听input的change事件，一旦选择了文件，触发了change事件，即刻调用readFile方法。
FormData
<div style="display: none;"> <input type="file" id="logoImage" name="logoImage" accept="image/*" style="width: 175px;" /> </div>
//上传图片触发事件 function company_Logo() { var rows = $("#company_dg").datagrid("getChecked"); if (rows.length < 1) { $.show_warning("提示", "请先勾选记录"); return; } $("#logoImage").click(); }
document.getElementById("logoImage").addEventListener("change", function () {
var rows = $("#company_dg").datagrid("getChecked");
var id = rows[0].Id;
var formdata = new FormData();
formdata.append('logoImage', $('#logoImage')[0].files[0]);
formdata.append('Id', id);
$.ajax({
type: "post",
url: "/Company/LogoImage",
data: formdata,
processData: false,
contentType: false,
async: true,
cache: false,
success: function (data) {
var result = eval('(' + data + ')');
if (result.Success == "true") {
$.show_warning("提示", result.Message);
company_databind();
} else {
$.show_warning("提示", result.Message);
}
},
error: function () {
}
});
});
public string LogoImage()//设置头像 { ResponseMessage responseMessage = new ResponseMessage(); Company originCompany = _companyRepository.GetSingle(Request["Id"]); try { var file = Request.Files["logoImage"]; //保存 if (file != null && file.ContentLength > 0 && file.ContentLength <= 2 * 1024 * 1024) { string[] strs = file.FileName.Split('.'); string fileType = strs[strs.Length - 1]; string fileName = string.Format("{0:yyyyMMddhhmmssfff}", DateTime.Now) + "." + fileType; string path = Server.MapPath("~") + "Upfiles\\Logo\\" + fileName; if (System.IO.File.Exists(path)) System.IO.File.Delete(path); file.SaveAs(path); FileStream fileStream = new FileStream(path, FileMode.Open, FileAccess.Read); Byte[] byteData = new Byte[fileStream.Length]; fileStream.Read(byteData, 0, byteData.Length); fileStream.Close(); originCompany.Logo = "/Upfiles/Logo/" + fileName; _companyRepository.Update(originCompany); responseMessage.Message = "/Upfiles/Logo/" + fileName; responseMessage.Success = "true"; return JSON.Instance.ToJSON(responseMessage, JSONConfig.GetJSONParameters()); } else { if (file != null && file.ContentLength > 2 * 1024 * 1024) { responseMessage.Message = "Logo大小不能超过2M!"; responseMessage.Success = "false"; return JSON.Instance.ToJSON(responseMessage, JSONConfig.GetJSONParameters()); } else { responseMessage.Message = "上传失败"; responseMessage.Success = "false"; return JSON.Instance.ToJSON(responseMessage, JSONConfig.GetJSONParameters()); } } } catch (Exception ex) { responseMessage.Message = "上传失败!"; responseMessage.Success = "false"; return JSON.Instance.ToJSON(responseMessage, JSONConfig.GetJSONParameters()); } }
