File upload 通过单击图像选择文件框？（不带浏览按钮）

当我点击一些图片时，是否可以显示“选择文件”窗口？我想隐藏输入和浏览按钮，它在我输入时显示

---

谢谢

否，因为浏览器中存在安全限制。您必须使用Flash或Java来实现这一点

详细回答：是的，你绝对可以。准备一些我编写的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;" />

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

p.S：您可以使用jQuery（如果您使用它）来实现相同的效果，这只是纯JS。