JavaScript 中动态创建的文件列表

Question

我想制作一个动态创建我拥有的文件列表的 JavaScript 代码 在我服务器上的特定文件夹中。当我按下按钮时，将显示此列表 每个对象都会有一个复选框。然后将使用另一个提交按钮下载选定的项目，我猜是一些 PHP。

到目前为止，我使用我在网上找到的 JavaScript 代码来查找文件的名称，然后调用另一个函数来创建元素，但没有运气。

function createEl(var a){
    var myDiv = document.getElementById("cboxes");
    var checkBox = document.createElement("input");
    var label = document.createElement("label");
    checkBox.type = "checkbox";
    checkBox.value = a;
    myDiv.appendChild(checkBox);
    myDiv.appendChild(label);
    label.appendChild(document.createTextNode(a));

}
function foldlist(){
const testFolder = './xampp/htdocs/website1/uploads';
const fs = require('fs');

fs.readdir(testFolder, (err, files) => {
  files.forEach(file => {
    var a=file;
    createEl(a);
  });
})}

Answer 1

您正在尝试将 var JavaScript 关键字作为createEl() 函数参数的一部分传递。

只需改变这个：

function createEl(var a){
    ....
}

到这里：

function createEl(a){
    ....
}

您的功能应该可以正常工作。检查下面的代码片段，您会看到上面的函数正在创建应有的输入框：

/* JavaScript */
function createEl(a){
    var myDiv = document.getElementById("cboxes");
    var checkBox = document.createElement("input");
    var label = document.createElement("label");
    checkBox.type = "checkbox";
    checkBox.value = a;
    myDiv.appendChild(checkBox);
    myDiv.appendChild(label);
    label.appendChild(document.createTextNode(a));
}

btn.addEventListener("click", function(){ createEl("hello") });

<!-- HTML -->
<button id="btn">Create input-box</button>
<div id="cboxes"></div>