ajaxfileupload js

通过Ajax⽅式上传⽂件（inputfile），使⽤FormData进⾏Ajax

请求

⼀直以来上传⽂件都使⽤的是别⼈的组件，今天看下⽆刷新上传内部具体的做法。上传⽂件可以使⽤form的形式来上传，也可以通过构造

formData使⽤ajax来上传⽂件；

$(function(){

$("#btn_uploadimg").click(function(){

varfileObj=mentById("FileUpload").files[0];//js获取⽂件对象

if(typeof(fileObj)=="undefined"||<=0){

alert("请选择图⽚");

return;

}

varformFile=newFormData();

("action","UploadVMKImagePath");

("file",fileObj);//加⼊⽂件对象file为传递给后台的参数，可以模仿form中input的name值。

//第⼀种XMLHttpRequest对象

//varxhr=newXMLHttpRequest();

//("post","/Admin/Ajax/",true);

//=function(){

//alert("上传完成!");

//};

//(formFile);

//第⼆种ajax提交

vardata=formFile;

$.ajax({

url:"/Admin/Ajax/",

data:data,

type:"Post",

dataType:"json",

cache:false,//上传⽂件⽆需缓存

processData:false,//⽤于对data参数进⾏序列化处理这⾥必须false

contentType:false,//必须

success:function(result){

alert("上传完成!");

},

})

})

})

上⾯写到的是通过获取dom结构的files来获取⽂件，如果需要实时上传的可以再input的onchange事件中获取到files⽂件