采用jQuery和jQuery.form实现异步上传文件
html代码:
<body>
<form id="async" enctype="multipart/form-data">
<p><span>请选择文件:</span> </p>
<p><input type="file" name="file"></p>
<input type="button" value="上传" id="asyncBt" />
</form>
</body>
jQuery脚本:
<script src="Scripts/jquery-3.3.1.js"></script>
<script src="Scripts/jquery.form.min.js"></script>
<script type="text/javascript">
function UpLoadFile() {
var option = {
url: 'your url',
type: 'post',
dataType: 'json',
success: function (data) {
if (data === "OK") {
alert("上传成功");
return;
}else{
alert("上传失败");
}
}
}
$('#async').ajaxSubmit(option);
return false;
}
$(function () {
$('#asyncBt').on('click', UpLoadFile);
});
</script>
后台代码:
public void UpLoadFile()
{
string _path = AppDomain.CurrentDomain.BaseDirectory + @"temp";
var file = Context.Request.Files["file"];
if (!Directory.Exists(_path))
{
Directory.CreateDirectory(_path);
}
if (file != null)
{
file.SaveAs(_path + @"\" + file.FileName);
Context.Response.Write("OK");
return;
}
Context.Response.Write("Error");
}