方法一、通过Ajax方式上传文件(input file),使用FormData进行Ajax请求
<div >
<input type="file" name="FileUpload" id="FileUpload">
<a class="layui-btn layui-btn-mini" id="btn_uploadimg">上传图片</a>
</div>
<script type="text/jscript">
$(function () {
$("#btn_uploadimg").click(function () {
var fileObj = document.getElementById("FileUpload").files[0]; // js 获取文件对象,(据说IE8 不支持.files写法,未测试)
if (typeof (fileObj) == "undefined" || fileObj.size <= 0) {
alert("请选择图片");
return;
}
var formFile = new FormData();
formFile.append("action", "UploadVMKImagePath");
formFile.append("file", fileObj); //加入文件对象
//第一种 XMLHttpRequest 对象
//var xhr = new XMLHttpRequest();
//xhr.open("post", "/Admin/Ajax/VMKHandler.ashx", true);
//xhr.onload = function () {
// alert("上传完成!");
//};
//xhr.send(formFile);
//第二种 ajax 提交
var data = formFile;
$.ajax({
url: "/Admin/Ajax/VMKHandler.ashx",
data: data,
type: "Post",
dataType: "json",
cache: false,//上传文件无需缓存
processData: false,//用于对data参数进行序列化处理 这里必须false
contentType: false, //必须
success: function (result) {
alert("上传完成!");
},
})
})
})
</script>
<form id="fmFileUpload_Knowledge" method="post" enctype="multipart/form-data">
//必须要有name属性,name属性是用于在前台和后台间建立联系的,form中只有具有name属性的控件,其值才会被传递到后台,而没有name属性的控件后台程序是接收不到它的值的
<input id="UploadFile" type="file" name="name1" /></div>
</form>
<script type="text/jscript">
$(function () {
$("#btn_uploadimg").click(function () {
var options = {
type: \'post\',
data: { Default: "FileUpload",},
url: \'Index.aspx\',
success: function (data) {
//兼容IE和FireFox
var file = $("#UploadFile");
file.after(file.clone().val(""));
file.remove();
}
};
$(\'#fmFileUpload_Knowledge\').ajaxSubmit(options);
})
})
</script>
private string FileUpload()
{
string fileName = string.Empty;
string serverPath = string.Empty;
try
{
HttpFileCollection httpFileCollection = Request.Files;
if (httpFileCollection.Count > 0) //如果没有name属性,获取不到file
{
HttpPostedFile file = httpFileCollection[0];
fileName = Path.GetFileName(file.FileName);
if (File.Exists(serverPath))
{
rdsl.returnMessage = "该文件已存在,请更改文件名或者删除原文件,然后上传.";
return GetJSON.JSONSerialize(rdsl);
}
Thread thread = new Thread(new ThreadStart(() =>
{
file.SaveAs(serverPath);
}
));
thread.Start();
}
else
{
rdsl.returnCode = iCode.ToString();
rdsl.returnMessage = "未获取到文件.";
}
return GetJSON.JSONSerialize(rdsl);
}
catch (Exception ex)
{
log.Error(ex.Message);
log.Error(ex.StackTrace);
}
}
/// <summary>
/// 下载文件方法
/// </summary>
/// <param name="serverPath">被下载的文件地址(服务器地址包括文件)</param>
/// <param name="filePath">另存放的路径(本地需要存储文件的文件夹地址)</param>
public void Download(string serverPath, string filePath)
{
WebClient client = new WebClient();
string fileName = serverPath.Substring(serverPath.LastIndexOf("/") + 1); ;//被下载的文件名
string path = filePath + fileName;//另存为地址
try
{
WebRequest myre = WebRequest.Create(serverPath);
}
catch (Exception ex)
{
MessageBox.Show(ex.Message, "Error");
}
try
{
client.DownloadFile(serverPath, fileName);
FileStream fs = new FileStream(fileName, FileMode.Open, FileAccess.Read);
BinaryReader r = new BinaryReader(fs);
byte[] mbyte = r.ReadBytes((int)fs.Length);
FileStream fstr = new FileStream(path, FileMode.OpenOrCreate, FileAccess.Write);
fstr.Write(mbyte, 0, (int)fs.Length);
fstr.Close();
}
catch (Exception ex)
{
MessageBox.Show(ex.Message, "Error");
}
}