Jquery异步上传文件代码实例
时间:2021-01-19 12:06:02|栏目:jquery|点击: 次
这篇文章主要介绍了Jquery异步上传文件代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
一,view代码
<form role="form"> <div class="form-group"> <label for="keyinput">选择文件:</label> <input type="file" name="upfile" id="upfile" /> </div> <div class="form-group"> <input class="btn btn-minw btn-danger" type="button" onclick="importExp()" value="ajax导入" /> </div> </form>
function importExp() { var formData = new FormData(); formData.append("file", document.getElementById("upfile").files[0]); $.ajax({ type: 'POST', url: '/s/Import', data: formData, cache: false, contentType: false, processData: false, success: function (data) { layer.msg(data.msg); // 清空input file文件原生js var file = document.getElementById("upfile"); // for IE, Opera, Safari, Chrome if (file.outerHTML) { file.outerHTML = file.outerHTML; } else { // FF(包括3.5) file.value = ""; } } }); }
二,控制器代码
public JsonResult ImportExecl() { bool isOk = false; var file = Request.Files[0]; if (file == null || file.ContentLength <= 0) { return Json(new { IsOk = isOk, msg = "请上传excel文件" }); } if (!new List<string>() { ".xls" }.Contains(Path.GetExtension(file.FileName))) { return Json(new { IsOk = isOk, msg = "请上传格式为.xls的excel文件" }); } var a = file.InputStream; }
综上,就可以获取到file.InputStream文件流,然后对文件流的操作就可以了