如何通过Javascript中的FileReaderAPI获取多个base64文件和每个文件名?

如何通过Javascript中的FileReaderAPI获取多个base64文件和每个文件名?,javascript,Javascript,如果我上传3个文件名为:png1,png2,png3的项目,结果将显示 像这样 警报1 png1/base64字符串转换 警报2 png2/base64字符串转换 警报3 png3/base64字符串转换 我试过这个密码 函数readFile(){ var input=document.getElementById('gallery-photo-add'); var nameOfFile=“”; 对于(var i=0;i

如果我上传3个文件名为:png1,png2,png3的项目,结果将显示 像这样

警报1

png1/base64字符串转换

警报2

png2/base64字符串转换

警报3

png3/base64字符串转换

我试过这个密码

函数readFile(){
var input=document.getElementById('gallery-photo-add');
var nameOfFile=“”;
对于(var i=0;i

尝试使用
+
操作在一个警报中同时显示filename和base64

是阅读更多关于JS操作符的参考资料

编辑:您希望将警报和base64放在一起,这不是简单的直接操作,因为base64来自
FileReader
API,文件名来自
input

我已经在函数中包装了你的
base64
和alert,还简化了你调用函数
onchange
JS的代码

工作演示:

运行下面的代码段以查看它是否正常工作

函数读取文件(输入){
//存储文件名
var filesName=[]
//获取总文件数
var filesTotal=input.files.length;
对于(变量i=0;i

这只是字符串操作-请尝试
+
操作符。@DanielA.White,谢谢您的回复。我将问题改为更具体地说明我在寻找什么输出。@ClementBranzuelaGRANE我已经更新了我的asnwer。请现在检查。我也简化了您的代码。@ClementBranzuelaGRANE别忘了接受我的投票,请向上投票,谢谢;)