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

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"的文件路径.