大佬教程收集整理的这篇文章主要介绍了如何使用jquery或JavaScript在一次浏览中上传多个文件,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
HTML
为输入文件设置属性倍数,请检查此链接https://developer.mozilla.org/en-US/docs/Web/API/Input.multiple
<form id="form-upload"> <input type="file" name="upload" id="upload" multiple> </form>
JS
要使用juery上传文件,您可以使用form-data:https://developer.mozilla.org/en-US/docs/Web/Guide/Using_FormData_Objects
$('#upload').bind("change",function(){ var formData = new FormData($("#form-upload")[0]); //loop for add $_FILES["upload"+i] to formData for (var i = 0,len = document.getElementById('upload').files.length; i < len; i++) { formData.append("upload"+(i+1),document.getElementById('upload').files[i]); } //send formData to server-side $.ajax({ url : "process_upload.PHP",type : 'post',data : formData,dataType : 'json',async : true,processData: false,// tell jQuery not to process the data contentType: false,// tell jQuery not to set contentType error : function(request){ console.log(request.responseText); },success : function(json){ //place your code here } }); });
服务器端(例如:PHP)
//just print $_FILES print_r($_FILES);
以上是大佬教程为你收集整理的如何使用jquery或JavaScript在一次浏览中上传多个文件全部内容,希望文章能够帮你解决如何使用jquery或JavaScript在一次浏览中上传多个文件所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。