ajax多文件提交:
~~~
var files = [];
$("#photo").change(function(){
var file = this.files[0];
//把當前文件追加到formData對象
files.push(file);
//文件預覽
//1. 創建一個filereader對象
var fileReader = new FileReader();
//2. 定義filereader的onload方法(base64字符串)
//append(<img src="base64字符串">)
fileReader.onload = function(e)
{
var base64 = e.target.result;
$("#photos").append('<img class="addedphoto" src="'+base64+'"/>');
}
//3. 讀
fileReader.readAsDataURL(file);
});
//定義提交報名事件
$("#btn_baoming").click(function(){
//1. 創建一個formdata對象
var formData = new FormData(document.getElementById("myform"));
//2. 把文件追加到formData中
for(var i=0; i<files.length;i++)
{
formData.append("upload",files[i]);
}
//提交ajax
$.ajax({
url:"candidates",
type:"post",
data:formData,
dataType:"json",
contentType:false,
processData:false,
cache:false,
success:function(data)
{
//{result:true}
if(data.result)
{
alert("報名成功");
}
else
{
alert("報名失敗");
}
}
});
});
~~~