我有一个标准的输入字段：
<input type="file">
在我的表单中，但我将其隐藏起来，以便可以将自己的图像用作按钮（如在stackoverflow上的许多答案中所示）
但是，当使用这种方法时，由于标准输入框是隐藏的，因此他们永远都看不到文件名，因此不会向用户确认已选择了他们的文件。
因此，我的问题可以归结为：如何检测到已选择文件，然后在页面上显示内容（不是警报框）？理想情况下，我只想显示一个小图标或一些说“选择文件”的文本。
jQuery很好，但是如果没有它可以做到这一点，我会更喜欢它。谢谢！
这是一种非常简单的方法，无需使用Jquery。当然，您将必须更改ID以匹配您的html。
这是jsfiddle示例的链接：http : //jsfiddle.net/larryjoelane/rrns0k4e/1/
HTML部分：
<input id="file-select" type="file">
<div id="file-selected"></div>
Javascript部分：
//on change event listener for #file-select
document.getElementById("file-select").onchange = function() {
//call getFileSelected method
getFileSelected();
};
function getFileSelected(){
//get the value of the input file element
var getFileSelected = document.getElementById("file-select").value;
//display the results of the input file element
//you can append something before the getFileSelected value below
//like an image tag for your icon or a string saying "file selected:"
//for example.
document.getElementById("file-selected").innerHTML = getFileSelected;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句