根据文件上传的图片数量，循环图片转换为base64
根据文件上传的图片数量，循环图片转换为base64
提问于 2020-05-12 10:42:41
如何根据文件上传过程中上传的图片数量循环将图片转换为base64？
这是我使用的脚本，我希望它是循环的多少图像，在文件上传中选择：
<input id="inp" type='file' multiple>
<p id="b64"></p>
<img id="img" height="150"> <script>
document.getElementById("inp").addEventListener("change", readFile);
function readFile() {
var FR = new FileReader();
FR.addEventListener("load", function (e) {
document.getElementById("img").src = e.target.result;
document.getElementById("b64").innerHTML = e.target.result;
});
FR.readAsDataURL(this.files[0]);
}
</script>
Thank you!回答 1
Stack Overflow用户
发布于 2020-05-12 10:57:41
<script>
var bs64Array = [];
document.getElementById("inp").addEventListener("change", readFile);
function readFile() {
var FR = new FileReader();
FR.addEventListener("load", function (e) {
var image = document.createElement('img')
image.src = e.target.result;
document.getElementById("b64").appendChild(image);
bs64Array.push(e.target.result)
});
FR.readAsDataURL(this.files[0]);
}
</script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/61742872
复制相关文章
相似问题
腾讯云开发者
