ajax上传文件

Posted 代码书写人生

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ajax上传文件相关的知识,希望对你有一定的参考价值。

html

<input type="file" id="file1" />

jq代码 

var formData = new FormData();
 formData.append("myfile", document.getElementById("file1").files[0]); //获取图片的信息

$.ajax({
url: "url",  //url地址
type: "POST",
dataType: ‘json‘,
data: formData,
/**
*必须false才会自动加上正确的Content-Type,否则会执行error步骤
*/
contentType: false,
/**
* 必须false才会避开jQuery对 formdata 的默认处理,否则会报Uncaught TypeError: Illegal invocation
* XMLHttpRequest会对 formdata 进行正确的处理
*/
processData: false,
success: function (data) {

}

});




















以上是关于ajax上传文件的主要内容,如果未能解决你的问题,请参考以下文章

JQuery 之 ajax上传文件 与 原生ajax 上传文件

文件的上传(表单上传和ajax文件异步上传)

AJAX文件上传实践与分析,带HTML5文件上传API。

上传文件ajax上传文件

ajax上传文件是怎么实现的

我用WebService 上传文件 想用ajax方法发送提交的文件请求 能做到吗??