多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
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("报名失败"); } } }); }); ~~~