原生input转base64

<input type="file" id="Test" type="file" onchange="getBase64(event)">

以上是HTML代码,其中在 input 标签中插入 accept 可以指定上传文件的类型

例如我想上传图片文件,指定上传gif,jpg,jpeg和png类型
       <input type="file" type="file"  accept=".gif,.jpg,.jpeg,.png">

以下是JavaScript代码

function getBase(e) {
	console.info(e.target.files[0]); //图片文件
	var dom = document.getElementById("Test");   //获取input元素
	console.info(dom.value);                     //打印文件的路径
	console.log(e.target.value);                 //这个也是文件的路径和上面的dom.value是一样的
	
    var reader = new FileReader();
	reader.onload = (function(file) {
		return function(e) {
			console.info(this.result);           //这个就是base64的数据了
		};
	})(e.target.files[0]);
	reader.readAsDataURL(e.target.files[0]);
}

可以直接复制使用

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值