ajax异步上传什么意思,Ajax 异步上传文件

前端代码

导入文件：

提交

$(function() {

$("#mainForm").attr("enctype", "multipart/form-data");

$("#fileField").on("change", function() {

$("#mainForm").attr("action", "/ImportFile");

$('form').ajaxSubmit({

success: function(data) {

if (data) {

//todo

} else {

alert("解析文件异常，请检查上传文件");

}

$("#mainForm").attr("action", "/Save");

},

});

});

});

后端代码

[HttpPost]

public JsonResult ImportFile(FormCollection collection)

{

object model = null;

try

{

HttpPostedFileBase fostFile = Request.Files["FilePath"];

Stream streamfile = fostFile.InputStream;

var reader = new StreamReader(streamfile);

string text = reader.ReadToEnd();

//解析文件，文件内容是XML

model = XmlHelper.XmlDeserialize(text, Encoding.UTF8);

}

catch (Exception ex)

{

throw new Exception();

}

return Json(model, JsonRequestBehavior.AllowGet);

}

这样上传文件的问题就解决了。

ajax异步上传文件和表单同步上传文件 的区别

1. 用表单上传文件(以照片为例)-同步上传 html部分代码:这里请求地址index.php

Spring使用ajax异步上传文件

单文件上传 文件上传 :

使用Ajax异步上传文件

之前上传文件都是用表单form设置post请求和enctype类型:

ajax异步上传文件之data参数----小哈学js

下载ajaxFileUpload.js(下载网址:http://fileuploadajax.codeplex.com/downloads/get/20976) 修改ajaxFileUpload.js ...

html5+php实现文件的断点续传ajax异步上传

html5+php实现文件的断点续传ajax异步上传 准备知识:断点续传,既然有断,那就应该有文件分割的过程,一段一段的传.以前文件无法分割,但随着HTML5新特性的引入,类似普通字符串.数组的分割, ...

(H5)FormData+AJAX+SpringMVC跨域异步上传文件

最近都没时间整理资料了,一入职就要弄懂业务,整天被业务弄得血崩. 总结下今天弄了一个早上的跨域异步上传文件.主要用到技术有HTML5的FormData,AJAX,Spring MVC. 首先看下上传页 ...

【文件上传】文件上传的form表单提交方式和ajax异步上传方式对比

一.html 表单代码 ……