单击图像选择文件框？ （不是使用浏览按钮）

Question

当我点击某个图像时，是否可以显示“选择文件”窗口？我想隐藏那个输入和浏览按钮，它显示我输入的时间 感谢

Answer 1

答案很长：是的，你绝对可以。准备好我做的一些Javascript / CSS haxx。首先是Javascript：

function getFilePathFromDialog() {
    document.getElementById('fileBrowser').click();
    document.getElementById('filePath').value = document.getElementById('fileBrowser').value;
}

现在HTML：

<img src="path/to/image.jpg" onlick="getFilePathFromDialog();">
<input type="text" id="filePath" name="filePath" /><br />
<input type="file" id="fileBrowser" name="fileBrowser" style="visibility:hidden; display:none;" />

基本上所有这一切都是隐藏视图中的实际文件对话框输入字段。当您单击图像时，它将触发文件对话框的单击事件。当用户选择文件并单击“打开”时，它将在文本框中选择文件路径“filePath”。

Answer 2

不，因为浏览器存在安全限制。你必须使用Flash或Java来实现这一目标。