美文网首页
图片怎么转换成base64[转载]

图片怎么转换成base64[转载]

作者: willeny | 来源:发表于2018-07-28 10:58 被阅读0次

原文地址:http://caiyc.cn/details?home=true&details=5acb09907718fd112cf506a5

  • 绑定事件的时候一定要加上参数,参数是this,表示input自己
<input type="file" onchange="changeImgFu(this)"/>
<script type="text/javascript">
function changeImgFu(self){//self就是接到this传过来形参
  var files = self.files[0];//获取到用户的图片
  var reader=new FileReader();//创建一个转换函数
  reader.readAsDataURL(files);//把用户的图片放进去
  reader.onload=function(){//监听转换完成事件
    console.log(this.result);//this.result就是base64
  }
}
</script>
html代码截图

相关文章

网友评论

      本文标题:图片怎么转换成base64[转载]

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