JavaScript

超轻量级php框架startmvc

Jquery异步上传文件代码实例

更新时间:2020-09-23 11:48:01 作者:startmvc
这篇文章主要介绍了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文件流,然后对文件流的操作就可以了

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

jquery 异步 上传 文件