使用 ajax jquery 上传 img

大佬教程收集整理的这篇文章主要介绍了使用 ajax jquery 上传 img，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决使用 ajax jquery 上传 img？

我想使用 AJAX jquery 上传图片 这是我的观点：

<form ID="checkout-form" enctype="multipart/form-data">
    <input class="input-file" type="file" name="IDentity_ID" ID="IDentity_ID">
</form>

和我的 jquery :

    <script>
    $('#checkout-form').on('submit',function(event){
    event.preventDefault();
    var $i = $( '#IDentity_ID' ),input = $i[0].files[0];
    $.AJAX({
       url:"{{ route('user.order.create') }}",method:"POST",data:{
            IDentity_ID:input
       },dataType: 'Json',ContentType: false,cache: false,success:function(){

       }
     })
    })
   });
  </script>

并显示错误：

Uncaught (in promisE) TypeError: Failed to execute 'arrayBuffer' on 'Blob'：非法调用

解决方法

<script>
        $('#checkout-form').on('submit',function(event){
        event.preventDefault();
        var i = $( '#identity_id' ),var formData = new FormData();
        var input = i[0].files[0];
        formData.append('identity_id',input);
        $.ajax({
           url:"{{ route('user.order.create') }}",method:"POST",data:formData,contentType: false,cache: false,success:function(){
    
           }
         })
        })
       });
      </script>

大佬总结

以上是大佬教程为你收集整理的使用 ajax jquery 上传 img全部内容，希望文章能够帮你解决使用 ajax jquery 上传 img所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。