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

ajax上传图片

时间:2017-09-22 10:16:45      阅读:205      评论:0      收藏:0      [点我收藏+]

标签:root   app   url   sub   fun   roc   func   图片   ext   

<script>
    $(‘.sub_btn‘).click(function(){
          $(this).next().trigger(‘click‘);
    })
    $(document).on(‘change‘,‘#file‘,function(){
        var form = new FormData();
        var fileObj = $(this);
        form.append(‘chat_image‘,fileObj[0].files[0]);
        $.ajax({
            type          :   ‘post‘,
            url           :   "{:U(‘index/image‘)}",
            data          :   form,
            dataType      :   ‘json‘,
            cache         :   false,
            contentType   :   false,
            processData   :   false, 
            success:function(msg)
            {
              heh = msg.replace(/"/g, "");
              img = ‘<img src="__ROOT__‘+heh+‘" width="50">‘;
              $(‘#message‘).append(img);
            }
        });
    });
  </script>

  

ajax上传图片

标签:root   app   url   sub   fun   roc   func   图片   ext   

原文地址:http://www.cnblogs.com/wxzxc/p/7572705.html

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