使用JavaScript按钮打开对话框

时间:2014-05-19 08:33:01

标签: javascript

我找到了以下代码,显示了"打开文件对话框"。

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来拥有它。

有人可以请我朝正确的方向努力吗?

1 个答案:

答案 0 :(得分:0)

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

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

也许你的按钮有一个id,所以你可以使用

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