ajax图片上传

Posted 2020-08-29

html

<from method="POST" enctype="multipart/form-data" id="aaa" class="banneredit_from"> 
           <p>文件：<input class="banneredit_input" type="file" name="file" id="bbb" /></p>
           <p><button value="上传" id="abc" >上传</button></p>
</from>

jquery

$(‘#abc‘).on(‘click‘,function(){
                var formData = new FormData($( "#aaa" )[0]);
                formData.append(‘file‘, $("#bbb")[0].files[0]);  
                $.ajax({
                   url: "/appmanager/bannerController/bannerUploadImg",
                   type: "POST",
                   data: formData,  
                   contentType: false,  
                   processData: false, 
                   success: function(msg){
                     console.log(msg)
                   }
                });
})

@