Динамически создаваемый список файлов в 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

Вы пытаетесь передать ключевое слово JavaScript var как часть параметра функции 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>