在javascript中动态创建文件列表

约翰尼

我想制作一个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);
  });
})}
安德鲁·L64

您正在尝试将varJavaScript关键字作为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>

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章