美文网首页
图片上传

图片上传

作者: 从前慢pearl | 来源:发表于2018-04-04 18:39 被阅读0次

1,

资源

   <input type="file" id="picture" value="上传图片"/>

    //jquery监听图片上传事件
     $("#picture").change(function(){
               var current_pic = this.files[0];
               preview_picture(current_pic);
      })
      //把图片转换成base64字符串
      function preview_picture(pic){
             var r = new FileReader();
             r.readAsDataURL(pic);
             r.onload =function(e){
                     $(".fileimg").attr("src",this.result).show();
             }
    }

相关文章

网友评论

      本文标题:图片上传

      本文链接:https://www.haomeiwen.com/subject/iillhftx.html