如何实现Jquery的异步文件上传功能示例？

本文共计478个文字，预计阅读时间需要2分钟。

这篇文章主要介绍了Jquery异步上传文件的代码实例。文中通过示例代码详细展示了如何实现，对初学者或工作者具有一定的参考价值。需要的伙伴可以参考学习。一、view代码

二、form代码

javascript$(document).ready(function() { $('#uploadBtn').click(function() { var formData=new FormData($('#form')[0]); $.ajax({ url: '/upload', // 上传文件的URL type: 'POST', data: formData, processData: false, contentType: false, success: function(data) { console.log('上传成功'); }, error: function() { console.log('上传失败'); } }); });});

这篇文章主要介绍了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文件流，然后对文件流的操作就可以了

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持易盾网络。