全自己动手写html+php图片批量上传-史上最简单图片批量上传.rar

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="http://www.diyyq.com/static/comment/js/jquery-2.2.2.min.js"></script> <div id="uploadForm"> <input id="file" type="file" multiple="multiple"/> <button id="upload" type="button">upload</button> </div> <script type="text/javascript"> //生成上传表单对象 var formData = new FormData(); //当前所读取的文件 var file_number=0; //上传文件方法 function uploadFile(){ //获取所选择的文件长度,必须要放在函数里才能获时时获取长度注意 var file_length=$('#file')[0].files.length; //获取所选文件 formData.append('file', $('#file')[0].files[file_number]); $.ajax({ url: 'b.php', type: 'POST', cache: false, data: formData, processData: false, contentType: false }).done(function(res) { //返上结果 console.log(res); //如果上传成功 if(res.code==1){ file_number=file_number+1;//获取下一个文件 if(file_number<file_length){//如果下一个文件还小于总上传文件数,可继续上传 //先写入数据库,如果写入成功,继续上传待写..................... uploadFile();//继续上传 } } }).fail(function(res) { alert('error'); }); } //点击开始上传 $("#upload").click(function(){ uploadFile(); }); </script>