首页 > Web开发 > 详细

js 上传头像img

时间:2018-09-05 14:36:27      阅读:136      评论:0      收藏:0      [点我收藏+]
<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

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

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