基于jQuery Ajax實(shí)現(xiàn)上傳文件
本文實(shí)例為大家分享了基于jQuery Ajax實(shí)現(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才會(huì)避開jQuery對(duì) formdata 的默認(rèn)處理 XMLHttpRequest會(huì)對(duì) formdata 進(jìn)行正確的處理 processData: false, //必須false才會(huì)自動(dòng)加上正確的Content-Type success: function (data) { if (data == "OK") { alert("保存成功"); $.iDialog("close"); //刷新父頁面 } else { alert("保存失敗:" + data); } } }); }
ASP.NET MVC后臺(tái)代碼:
//首先判斷路徑是否存在,不存在則創(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)容,請(qǐng)點(diǎn)擊《jQuery上傳操作匯總》,進(jìn)行深入學(xué)習(xí)和研究。
以上就是本文的全部內(nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助。
- jQuery Ajax 上傳文件處理方式介紹(推薦)
- JQuery.uploadify 上傳文件插件的使用詳解 for ASP.NET
- 一個(gè)簡單的jQuery插件ajaxfileupload.js實(shí)現(xiàn)ajax上傳文件例子
- jquery實(shí)現(xiàn)兼容IE8的異步上傳文件
- jQuery實(shí)現(xiàn)jQuery-form.js實(shí)現(xiàn)異步上傳文件
- jQuery插件ajaxFileUpload異步上傳文件
- jquery上傳插件fineuploader上傳文件使用方法(jquery圖片上傳插件)
- jQuery Ajax使用FormData對(duì)象上傳文件的方法
- jQuery簡單驗(yàn)證上傳文件大小及類型的方法
- Jquery實(shí)現(xiàn)異步上傳文件
相關(guān)文章
jQuery多個(gè)input求和的實(shí)現(xiàn)方法
這篇文章主要介紹了jQuery多個(gè)input求和的實(shí)現(xiàn)方法,涉及jQuery獲取input表單元素值及運(yùn)算的相關(guān)技巧,需要的朋友可以參考下2015-02-02jQuery實(shí)現(xiàn)簡單的日期輸入格式化控件
本文給大家分享的是javascript實(shí)現(xiàn)簡單的日期輸入格式化控件的方法和思路,非常的細(xì)致實(shí)用,推薦給小伙伴們2015-03-03jQuery學(xué)習(xí)筆記——jqGrid的使用記錄(實(shí)現(xiàn)分頁、搜索功能)
這篇文章主要介紹了jQuery學(xué)習(xí)筆記——jqGrid的使用記錄(實(shí)現(xiàn)分頁、搜索功能),想要學(xué)習(xí)jQuery的可以了解一下。2016-11-11jquery隨意添加移除html的實(shí)現(xiàn)代碼
jquery隨意添加移除html的實(shí)現(xiàn)代碼,需要的朋友可以參考下。2011-06-06jQuery動(dòng)態(tài)修改字體大小的方法【測試可用】
這篇文章主要介紹了jQuery動(dòng)態(tài)修改字體大小的方法,涉及jQuery針對(duì)頁面元素屬性動(dòng)態(tài)操作的相關(guān)技巧,需要的朋友可以參考下2016-09-09jquery 點(diǎn)擊元素后,滾動(dòng)條滾動(dòng)至該元素位置的方法
下面小編就為大家?guī)硪黄猨query 點(diǎn)擊元素后,滾動(dòng)條滾動(dòng)至該元素位置的方法。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-08-08