Jquery異步上傳文件代碼實例
這篇文章主要介紹了Jquery異步上傳文件代碼實例,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
一,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導(dǎo)入" />
</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文件流,然后對文件流的操作就可以了
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
jQuery 遍歷-nextUntil()方法以及prevUntil()方法的使用介紹
本篇文章介紹了,jQuery 遍歷-nextUntil()方法以及prevUntil()方法的使用。需要的朋友參考下2013-04-04
jquery上傳插件fineuploader上傳文件使用方法(jquery圖片上傳插件)
這篇文章主要介紹了jquery插件fineuploader上傳文件很用方法2013-12-12
關(guān)于jquery中attr()和prop()方法的區(qū)別
今兒是腳本之家小編給大家總結(jié)的jquery中attr()和prop()方法的區(qū)別,感興趣的朋友參考下2018-05-05
詳談 Jquery Ajax異步處理Json數(shù)據(jù).
啥叫異步,啥叫Ajax.咱不談啥XMLHTTPRequest.通俗講異步就是前臺頁面javascript能調(diào)用后臺方法.這樣就達到了無刷新.2011-09-09

