您好,欢迎访问欧亿体育!

020-88886892

全国咨询热线

您现在所在位置: 主页 > 通知资讯

前端获取本地图片并且转化为base64格式

更新时间:2024-01-30

今天看见网上各位大佬五花八门的前端图片获取并转化为base64格式的操作,果然高手在民间,很神奇,没想到有这么多方法,那我也来写一个我自己的方法
我是习惯使用filereader这个内置类,感觉比较简单,不用管内部原理,反正可以获取图片,实现在互联网上的传输就可以啦!
首先,我们需要使用input(file类型)和一个button元素,一个负责上传图片,一个负责处理图片,在处理函数里面,通过files和readasdataurl方法配合,实现图片的转化:
元素

<div class="mybox">
			<input type="file" name="" id="sendimg">
			<button onclick="handleimg()">处理</button>
		</div>

函数

function handleimg()
		{
			console.log('点击了');
			var img=document.getElementById('sendimg')
			img=img.files
			const reader=new FileReader()
			reader.readAsDataURL(img[0])
			reader.onload=function()
			{
				console.log(this.result);
			}
		}

上述的this.result就是base64结果

今天的分享就到这里!!

在线客服

ONLINE SERVICE

联系电话

020-88886892

返回顶部