首页 > Web开发 > 详细

ajax图片上传

时间:2017-01-25 18:37:43      阅读:276      评论:0      收藏:0      [点我收藏+]

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图片上传

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!