gpt4 book ai didi

javascript - 如何在多个变量中存储多个编码值

转载 作者:行者123 更新时间:2023-11-27 22:39:27 25 4
gpt4 key购买 nike

我已经给出了多个上传文件选项,但它将所有内容存储在一个变量中,但我不知道如何在单独的变量中存储单独的文件编码值。它应该根据文件上传创建变量并存储编码值。

<html>
<body>

<input id="inputFileToLoad" type="file" onchange="encodeImageFileAsURL();" multiple />
<div id="imgTest"></div>
<script type='text/javascript'>

function encodeImageFileAsURL(index) {
var filesSelected = document.getElementById("inputFileToLoad").files;
index = index || 0;
if (filesSelected.length > 0 && index < filesSelected.length) {
var fileToLoad = filesSelected[index];

var fileReader = new FileReader();

fileReader.onloadend = function(fileLoadedEvent) {
var srcData = fileLoadedEvent.target.result; // <--- data: base64

var newImage = document.createElement('img');
newImage.src = srcData;

document.getElementById("imgTest").appendChild(newImage);
if (index < filesSelected.length) {
encodeImageFileAsURL(index + 1)
}
console.log(srcData);
}
fileReader.readAsDataURL(fileToLoad);
}
}
</script>
</body>
</html>

最佳答案

您可以将变量保存到数组中,然后随时访问它。

    var sourceArray = new Array(); // put this before the function delaction 


fileReader.onloadend = function (fileLoadedEvent) {
var srcData = fileLoadedEvent.target.result; // <--- data: base64

sourceArray.push(srcData);

var newImage = document.createElement('img');
newImage.src = srcData;

document.getElementById("imgTest").appendChild(newImage);
if (index < filesSelected.length) {
encodeImageFileAsURL(index + 1)
}}

console.log(sourceArray);

关于javascript - 如何在多个变量中存储多个编码值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38868497/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com