简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

基于jQuery Ajax实现上传文件

来源:易贤网   阅读:1008 次  日期:2016-07-16 13:35:18

温馨提示:易贤网小编为您整理了“基于jQuery Ajax实现上传文件”,方便广大网友查阅!

本文实例为大家分享了基于jQuery Ajax实现上传文件的关键代码,供大家参考,具体内容如下

JS代码:

//保存

function btnAdd() {

  var formData = new FormData($("#frm")[0]);

  $.ajax({

    url: "/Admin/ContentManage/SaveEdit",

    type: "POST",

    data: formData,

    contentType: false, //必须false才会避开jQuery对 formdata 的默认处理 XMLHttpRequest会对 formdata 进行正确的处理  

    processData: false, //必须false才会自动加上正确的Content-Type

    success: function (data) {

      if (data == "OK") {

        alert("保存成功");

        $.iDialog("close"); //刷新父页面

      }

      else {

        alert("保存失败:" + data);

      }

    }

  });

}

ASP.NET MVC后台代码:

//首先判断路径是否存在,不存在则创建路径

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;

以上就是本文的全部内容,希望对大家的学习有所帮助。

更多信息请查看网络编程
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:js+css实现select的美化效果
下一篇:Angular.js如何从PHP读取后台数据
易贤网手机网站地址:基于jQuery Ajax实现上传文件
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!