图片转base64

Posted 2020-09-16 吕岳阳

　　<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;
　　　　};
　　};