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

js 上传头像img

时间:2018-09-05 14:58:07      阅读:263      评论:0      收藏:0      [点我收藏+]

标签:utf-8   hang   function   res   span   label   pos   change   ada   

<label>
  <div class="myusercenter-image-none">
    <img src="" class="myusercenter-image" alt="">
    <input type="file" class="myusercenter-hard-img">
  </div>
</label>
// 上传头像
            $(function() {
                $(‘.myusercenter-hard-img‘).on(‘change‘, function(e) {
                    var files = e.target.files;
                    var reader = new FileReader();
                    reader.readAsDataURL(files[0], "UTF-8");
                    reader.onload = function(evt) {
                        var fileString = evt.target.result;
                        var date = {
                            "file": fileString
                        };
                        $(‘.myusercenter-image‘).attr(‘src‘, fileString);

                        console.log(fileString)

                        // $.post("", date).success(function (result) {
                        // alert("ok");
                        // });
                    }
                })
            })

 

js 上传头像img

标签:utf-8   hang   function   res   span   label   pos   change   ada   

原文地址:https://www.cnblogs.com/chen527/p/9591697.html

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