本地图片转base64

Posted adolfvicto

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了本地图片转base64相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<script type="text/javascript">
function ToBase64() {
/*转换base64*/
var img = document.getElementById(‘upload‘)
var imgFile = new FileReader();
imgFile.readAsDataURL(img.files[0]);

imgFile.onload = function () {
var imgData = this.result; //base64数据
console.log(imgData);
}

}
</script>
<input type="file" name="" id="upload">
<button onclick="ToBase64()">to base64</button>
</body>
</html>

以上是关于本地图片转base64的主要内容,如果未能解决你的问题,请参考以下文章

PHP远程下载图片,微信头像存到本地,本地图片转base64

将图片转成base64写进hml,无需依赖本地文件

nvue- 加载本地图片

php 将图片转换 base64 格式与还原生成图片

php 将图片转成base64

PHP将图片转base64格式函数