关于利用h5 FORMDATA ajax方式提交多文件上传,上传表单

javascript 徐, 伟 384℃ 0评论

前台代码:

利用formData 的方法append添加数据,后台接受$_POST和$_FILES

    $('#andAdd').click(function(){
      var form = $('#orderform').serialize();
      var formData = new FormData();
      for(var i=0; i<$('#uploadForm')[0].files.length;i++){
               formData.append('file[]', $('#uploadForm')[0].files[i]);
           }
        formData.append('form', form);
        formData.append('intermal', $('#intermal').val());

        $.ajax({
              url:"{:url('andadd')}",
              type:"POST",
              data:formData,
              async:false,
              cache:false,
              contentType:false,
              processData:false,
              success:function(data){
                    if(data.status ==1)
                    {
                       alert('新增成功!');
                       closeLayer();
                       window.location.href ="{:url('index')}";
                    }
              },
              error:function(returndata){
                     alert("error:"+returndata);
              }
        });
   })



   

转载请注明:cooljun小站 » 关于利用h5 FORMDATA ajax方式提交多文件上传,上传表单

如果你觉得这篇文章对你有帮助,请支持我继续更新网站 !捐赠本站
喜欢 (0)or分享 (0)
发表我的评论
取消评论
表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址