从输入文件夹JavaScript读取切片blob中的多个文件内容

对于我的项目，我试着用输入按钮（我使用WebKit目录）分割并读取多个文本文件的所有片段

到目前为止，我能够在选择框中显示文件夹中所有文本文件的名称，并能够在文本框中切片和读取文件的第一个blob切片

问题是我不知道如何使用“下一个”和“上一个”按钮的“单击事件”功能来读取当前文件的另一个片段，并在“选择”框中进行选择

我尝试在函数中包含常量“start”，以便能够更改is值，但在文本框区域中读取的数据仍然没有任何更改

我对Javascript还是一个新手，所以我非常感谢您提前提出的建议

代码如下：

const[输入、选择、文本区域、上一个、下一个、读卡器]=[
document.querySelector（“输入[类型=文件]”）
，document.querySelector（“.select文件”）
，document.querySelector（“.display文件”）
，document.querySelector（“.previous”）
，document.querySelector（“.next”）
，新文件阅读器
];
常数开始=0；
恒停=启动+200001；
让[文件、数据、fn]=[
[],
[], 
（文件、读卡器）=>新承诺（（解决、拒绝）=>{
reader.onload=（）=>{
reader.onload=reader.onerror=null；
解析（reader.result）；
}
reader.onerror=拒绝；
const blob=file.slice（开始、停止）；
reader.readAsBinaryString（blob）；
})
];
input.onchange=async（）=>{
select.innerHTML=“”；
files.length=data.length=0；
for（输入文件的常量文件）{
常数{
名称
}=文件；
const option=新选项（名称，files.length）；
文件。推送（文件）；
选择.appendChild（选项）；
var结果=等待fn（文件、读取器）；
数据推送（结果）；
}
}
select.onchange=（）=>{
textarea.value=数据[select.value]；
}
document.querySelector（'.previous'）.addEventListener（'click'，函数（evt）{
}，假）；
document.querySelector（'.next'）.addEventListener（'click'，函数（evt）{
}，假）

1-5
1-5