基于jQuery Ajax實現(xiàn)上傳文件
更新時間:2016年03月24日 13:54:57 作者:秋荷雨翔
這篇文章主要為大家詳細(xì)介紹了jQuery Ajax上傳文件的相關(guān)代碼,需要的朋友可以參考下
本文實例為大家分享了基于jQuery Ajax實現(xiàn)上傳文件的關(guān)鍵代碼,供大家參考,具體內(nèi)容如下
JS代碼:
//保存 function btnAdd() { var formData = new FormData($("#frm")[0]); $.ajax({ url: "/Admin/ContentManage/SaveEdit", type: "POST", data: formData, contentType: false, //必須false才會避開jQuery對 formdata 的默認(rèn)處理 XMLHttpRequest會對 formdata 進(jìn)行正確的處理 processData: false, //必須false才會自動加上正確的Content-Type success: function (data) { if (data == "OK") { alert("保存成功"); $.iDialog("close"); //刷新父頁面 } else { alert("保存失?。? + data); } } }); }
ASP.NET MVC后臺代碼:
//首先判斷路徑是否存在,不存在則創(chuàng)建路徑 string path = Path.Combine(System.Configuration.ConfigurationManager.AppSettings["UploadsFiles"], folder + "/" + DateTime.Now.ToString("yyyyMMdd") + "/"); string physicalPath = server.MapPath(path); if (!Directory.Exists(physicalPath)) { Directory.CreateDirectory(physicalPath); } HttpPostedFileBase file = request.Files[0]; string newFileName = Guid.NewGuid().ToString().Replace("-", "") + Path.GetExtension(file.FileName); string savePath = Path.Combine(physicalPath, newFileName); file.SaveAs(savePath); fileName = file.FileName; string url = Path.Combine(path, newFileName); return url;
更多精彩內(nèi)容,請點(diǎn)擊《jQuery上傳操作匯總》,進(jìn)行深入學(xué)習(xí)和研究。
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助。
您可能感興趣的文章:
- jQuery Ajax 上傳文件處理方式介紹(推薦)
- JQuery.uploadify 上傳文件插件的使用詳解 for ASP.NET
- 一個簡單的jQuery插件ajaxfileupload.js實現(xiàn)ajax上傳文件例子
- jquery實現(xiàn)兼容IE8的異步上傳文件
- jQuery實現(xiàn)jQuery-form.js實現(xiàn)異步上傳文件
- jQuery插件ajaxFileUpload異步上傳文件
- jquery上傳插件fineuploader上傳文件使用方法(jquery圖片上傳插件)
- jQuery Ajax使用FormData對象上傳文件的方法
- jQuery簡單驗證上傳文件大小及類型的方法
- Jquery實現(xiàn)異步上傳文件
相關(guān)文章
jQuery學(xué)習(xí)筆記——jqGrid的使用記錄(實現(xiàn)分頁、搜索功能)
這篇文章主要介紹了jQuery學(xué)習(xí)筆記——jqGrid的使用記錄(實現(xiàn)分頁、搜索功能),想要學(xué)習(xí)jQuery的可以了解一下。2016-11-11jquery 點(diǎn)擊元素后,滾動條滾動至該元素位置的方法
下面小編就為大家?guī)硪黄猨query 點(diǎn)擊元素后,滾動條滾動至該元素位置的方法。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-08-08