码迷,mamicode.com
首页 > Web开发 > 详细

ajax图片上传

时间:2017-01-25 18:40:05      阅读:271      评论:0      收藏:0      [点我收藏+]

标签:for   man   file   img   proc   name   ssd   post   ons   

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)
                   }
                });
})

@

ajax图片上传

标签:for   man   file   img   proc   name   ssd   post   ons   

原文地址:http://www.cnblogs.com/change-oneself/p/6349834.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!