html代码
<div>
<input type="file" name="FileUpload" id="FileUpload">
<a class="layui-btn layui-btn-mini" id="btn_uploadimg">上传图片</a>
</div>
js
$(function () {
$("#btn_uploadimg").click(function () {
var fileObj = document.getElementById("FileUpload").files[0]; // js 获取文件对象
if (typeof (fileObj) == "undefined" || fileObj.size <= 0) {
alert("请选择图片");
return;
}
var formFile = new FormData();
formFile.append("action", "UploadVMKImagePath");
formFile.append("file1", fileObj); //加入文件对象
formFile.append("file2", 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: "http://localhost:1575/Plan/Import?test=1",
data: data,
type: "Post",
dataType: "json",
cache: false,//上传文件无需缓存
processData: false,//用于对data参数进行序列化处理 这里必须false
contentType: false, //必须
success: function (result) {
alert(result.Success);
},
})
})
})
后台代码
//接收附件
string str = "";
HttpRequest request = HttpContext.Current.Request;
HttpFileCollection fileCollection = request.Files;
for (int i = 0; i < request.Files.Count; i++)
{
FileSrc fs = FileHelper.UpdateFile(fileCollection[i]);//上传文件到本地
if (fs.success == "1")
{
str = str + "," + fs.rsrc;//组合附件名称
}
}
if (!string.IsNullOrEmpty(str))
{
str = str.Substring(1, str.Length - 1);//去掉第一个逗号
}