js 原生图片批量上传

<input id="fileuploadBatch1" type="file" name="batchImg" multiple="multiple"
onchange="xmTanUploadImg(this)">
<input type="hidden" name="banner_image" />


//批量上传 var imgArr = []; var strImg=''; var j=0; //选择图片,马上预览 function xmTanUploadImg(obj) { var fl=obj.files.length; var flag = false; for(var i=0;i<fl;i++){ var file=obj.files[i]; // console.log(file) // 表单对象,用于将文件传到后台 var formData = new FormData(); formData.append('imgFile', file); $.ajax({ url : "landing.php?act=ajax", type : "post", dataType: 'json', cache: false, data:formData, processData: false, contentType: false, async:false, success: function(result) { if(result.code==200){ j++; imgArr.push(result.msg) alert("成功上传了第"+j+"张") }else{ alert(result.msg) } } }); } strImg = imgArr.join(',') $("input[name='banner_image']").val(strImg) }

  

posted @ 2021-11-15 16:30  星云惊蛰  阅读(304)  评论(0)    收藏  举报