0

这是我的代码：

        var rowData = [];

        var showFiles = function () {
            var input = document.getElementById('doc-upload');
            if (input.files.length > 0) {
                for (var i = 0; i < input.files.length; i += 1) {
                    rowData.push([input.files[i].name]);
                };
                console.log(rowData);
            };
        };
        document.getElementById('doc-upload').addEventListener('change', showFiles, this);

'rowData' 在我第一次上传某些东西时接收到一个正常值。在第二次尝试时，它开始复制传入的值。

如果我先上传了 1 个文件，试试就可以了。第二次我会得到 2 个相同的文件。第三个 4 个文件，exetera。

为什么会这样？

升级版：

更多解释： 发生了什么：我上传 x.doc 我的数组是 [x.doc]，现在我想上传 y.doc。我选择y.doc，我的数组变成[x.doc，y.doc，y.doc]，然后我上传z.doc，aaray看起来像[x.doc，y.doc，y.doc，z。 doc、z.doc、z.doc、z.doc]。等等。它必须对长度属性做一些事情，我把它搞砸了。

UPD2：

现在完整版的代码：

    //file upload
    var rowData = [];
    docAddButton.addListener('click', function () {
        var showFiles = function () {
            var input = document.getElementById('doc-upload');
            if (input.files.length > 0) {
                for (var i = 0; i < input.files.length; i += 1) {
                    if (rowData.indexOf(true, input.files[i].name, Math.round(input.files[i].size * 0.001) + ' кб') === -1) {
                        rowData.push([
                            true,
                            input.files[i].name, 
                            Math.round(input.files[i].size * 0.001) + ' кб'
                        ]);
                    }
                }
                console.log(rowData);
                tableModel.setData(rowData);
            };
        };
        document.getElementById('doc-upload').addEventListener('change', showFiles, this);
    });

感谢每一位帮助过的人！

解决方案：您可以从 UPD2 中看到我在 eventListener 'click' 中有我的函数。发生的事情是每次我按下输入按钮时，它都会收到额外的“更改”侦听器。

我将输入的 .addListener 更改为 .addListenerOnce。

4

2 回答 2

0

基本上，

rowData.push()

只会继续将元素附加到变量的末尾。您需要检查这些输入是否已经存在。

（编辑-）

尝试这个：-

        rowData=[];
        var showFiles = function () {
        var input = document.getElementById('doc-upload');
        if (input.files.length > 0) {
            for (var i = 0; i < input.files.length; i += 1) {
              var f=[];
              for(var j=0;j<rowData.length;j++)
                 f.push(rowData[j][0]);
              if(f.indexOf(input.files[i].name) == -1)
                  rowData.push([input.files[i].name]);
            }
            console.log(rowData);
        };
    };
    document.getElementById('doc-upload').addEventListener('change', showFiles, this);
于 2013-02-06T10:14:19.413 回答
0

大概您没有重新加载页面，也没有清除rowData. 您尚未显示定义的方式/位置rowData，但似乎在对showFiles. （如果你没有在任何地方声明它，你就会成为隐式全局恐怖的牺牲品。）

从您下面的评论中，听起来您希望将条目保留在 中rowData，但您只想添加新条目。如果是这样，您将需要明确检查：

var showFiles = function () {
    var input, i, file;

    input = document.getElementById('doc-upload');
    for (i = 0; i < input.files.length; i += 1) {
        file = input.files[i].name;
        if (indexOfFile(rowData, file) === -1) {
            rowData.push([file]);
        }
    };
    console.log(rowData);
};

function indexOfFile(data, file) {
    var index;

    for (index = 0; index < data.length; ++index) {
        // Note that the 0 may need to be changed if the
        // `rowData.push([file])` line above doesn't put
        // the filename at index 0
        if (data[index][0] === file) {
            return index;
        }
    }
    return -1;
}

旁注：您已经说过，您推送数组而不仅仅是文件名的原因是您还包含其他信息，但您将其排除在您的问题之外。这很好，但它可能很微妙，请参阅0上面关于索引的说明。您可以考虑改用对象数组：

rowData.push({
    file: file,
    other: "info",
    goes: "here"
});

...然后在indexOfFile：

if (data[index].file === file) {

这样一来，如果您更改所推送的内容的结构，代码就不太容易被破坏。

于 2013-02-06T10:10:23.683 回答