使用JavaScript按钮打开对话框

Question

我发现以下代码显示了“打开文件对话框”。

var fileSelector = document.createElement('input');

fileSelector.setAttribute('type', 'file');

var selectDialogueLink = document.createElement('a');

selectDialogueLink.setAttribute('href', '');
selectDialogueLink.innerText = "Select File";
selectDialogueLink.onclick = function () {
    fileSelector.click();
    return false;
}

document.body.appendChild(selectDialogueLink);

如何在名为PSD [“ Buttonname”]的现有按钮上使用此功能？ 以及如何以字符串形式获取所选文件的名称？ 我很想在普通的JavaScript中使用它。

有人能把我推向正确的方向吗？

Answer 1

innerText是您在浏览器大战的黑暗时代曾经使用的东西。 这些天，您使用textContent =“ text”; 要将事件添加到任何DOM节点，请使用

fileSelector.addEventListener( "click", function(){ alert( "here be dragons" ); });

也许您的按钮有一个ID，所以您可以使用

document.getElementById( "someID" ).addEventListener( "click", function(){ alert( "here be dragons" ); });