0

我在 NW.JS 中使用这个函数来获取图像的文件位置。我在回调中使用该文件位置在 jquery 中使用 .css() 修改 div 背景。我的问题是脚本似乎记得它修改的最后一个 div。当我尝试使用它来更改另一个 div 的背景之前已经使用它来更改不同 div 上的背景时，两个 div 都会更改它们的背景。我想我需要能够让这个脚本知道点击它的按钮并忘记另一个按钮要求它做的任何事情。正如你所知道的，我是 javascript 的新手。我怎样才能做到这一点？

function chooseFile(name, handleFile) {
    var chooser = document.querySelector(name);
    chooser.addEventListener("change", function(evt) {
    for(var f of this.files){
        console.log(f.name);
        console.log(f.path);
        handleFile(f.name, f.path);
    }
   }, false);
   chooser.click();  
}
chooseFile('#fileDialog', function(name, path){ ... /* do something with the file(s) */ });
4

1 回答 1

0

在许多情况下，编写脚本以便对新文件做出反应是有意义的：

const chooser = document.getElementById('fileDialog');

// Treat chooser as a stream of new files that can be added at any time
chooser.addEventListener("change", function (evt) {
    for (const f of this.files) {
        console.log(f.name);
        console.log(f.path);
        handleFile(f.name, f.path);
    }
}, false);

// Then, when you want to prompt for a new file at any point in the future…
function promptForFiles() {
    chooser.click();
}

onchange如果这是不可能的，您可以通过分配给旧的但可靠的属性来让它一次最多保存一个处理程序：

function chooseFile(name, handleFile) {
    const chooser = document.querySelector(name);
    chooser.onchange = function () {
        for (const f of this.files) {
            console.log(f.name);
            console.log(f.path);
            handleFile(f.name, f.path);
        }
    };
    chooser.click();  
}
于 2017-08-26T19:44:45.007 回答