基于jQuery Ajax實(shí)現(xiàn)上傳文件

更新時(shí)間：2016年03月24日 13:54:57 作者：秋荷雨翔

這篇文章主要為大家詳細(xì)介紹了jQuery Ajax上傳文件的相關(guā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í)有所幫助。

您可能感興趣的文章:

相關(guān)文章

jquery自定義插件——window的實(shí)現(xiàn)【示例代碼】
下面小編就為大家?guī)硪黄猨query自定義插件——window的實(shí)現(xiàn)【示例代碼】。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考
2016-05-05
JQuery常用簡單動(dòng)畫操作方法回顧與總結(jié)
這篇文章主要介紹了JQuery常用簡單動(dòng)畫操作方法,回顧與總結(jié)了jQuery常用的各種動(dòng)畫效果操作方法及相關(guān)使用技巧,需要的朋友可以參考下
2019-12-12
jQuery中slidedown與slideup方法用法示例
這篇文章主要介紹了jQuery中slidedown與slideup方法用法,結(jié)合實(shí)例形式分析了jQuery基于slidedown與slideup方法實(shí)現(xiàn)頁面元素展開與折疊的實(shí)現(xiàn)技巧,需要的朋友可以參考下
2016-09-09
jQuery EasyUI右鍵菜單實(shí)現(xiàn)關(guān)閉標(biāo)簽/選項(xiàng)卡
這篇文章主要介紹了jQuery EasyUI右鍵菜單實(shí)現(xiàn)關(guān)閉標(biāo)簽/選項(xiàng)卡,具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-10-10
jquery實(shí)現(xiàn)彈出窗口效果的實(shí)例代碼
這篇文章主要介紹了jquery實(shí)現(xiàn)彈出窗口效果的實(shí)例代碼。需要的朋友可以過來參考下，希望對(duì)大家有所幫助
2013-11-11
jQuery復(fù)合事件結(jié)合toggle()方法的用法示例
這篇文章主要介紹了jQuery復(fù)合事件結(jié)合toggle()方法的用法,實(shí)例分析了toggle()方法的功能、定義以及與復(fù)合事件結(jié)合使用的操作技巧,需要的朋友可以參考下
2017-06-06
jQuery實(shí)現(xiàn)的導(dǎo)航下拉菜單效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)的導(dǎo)航下拉菜單效果,涉及jQuery響應(yīng)鼠標(biāo)事件動(dòng)態(tài)操作頁面元素的相關(guān)技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
2016-07-07
jquery插件jquery.nicescroll實(shí)現(xiàn)圖片無滾動(dòng)條左右拖拽的方法
這篇文章主要介紹了jquery插件jquery.nicescroll實(shí)現(xiàn)圖片無滾動(dòng)條左右拖拽的方法,實(shí)例分析了jquery.nicescroll插件實(shí)現(xiàn)圖片拖拽效果的方法,需要的朋友可以參考下
2015-08-08
jQuery中的jQuery()方法用法分析
這篇文章主要介紹了jQuery中的jQuery()方法用法,以實(shí)例形式較為詳細(xì)的分析jQuery()方法的四種常見語法結(jié)構(gòu)與用法技巧,具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2014-12-12
精心挑選的15款優(yōu)秀jQuery 本特效插件和教程
今天這篇文章向大家分享15款精心挑選的優(yōu)秀 jQuery 文本特效插件，都帶有詳細(xì)的使用教程。jQuery 是最流行和使用最廣泛的 JavaScript 框架，它簡化了 HTML 文檔遍歷，事件處理，動(dòng)畫以及Ajax交互，幫助 Web 開發(fā)人員更快速的實(shí)現(xiàn)各種精美的界面效果
2012-08-08