图片转base64

  <input id="file" type="file">
  <br>
  <textarea id="imgbase" name="" id="" cols="100" rows="10"></textarea>

js代码:

  var file = document.getElementById('file')
  file.onchange = function(){
    // 获取files对象
    var f = this.files[0];
    // 判断是否为图片
    if (!(f.type.indexOf('image') == 0 && f.type && /\.(?:jpg|png|gif)$/.test(f.name))){
      this.value = null;
      alert('图片只能是jpg,gif,png');
      return;
    }
    // 转换
    var reader = new FileReader()
    reader.readAsDataURL(f)
    reader.onload = function(e){
      document.getElementById('imgbase').value = this.result;
    };
  };

 

posted @ 2017-05-06 10:06  吕岳阳  阅读(161)  评论(0编辑  收藏  举报