Jquery 获取文件类型的输入值

Jquery 获取文件类型的输入值,jquery,Jquery,我有以下HTML标记: <div> <a>browse<input type="file" name="annex"></a> <span class="filename"></span> </div> 范围仍然为空,警报结果也为空 我该怎么做 谢谢,, Miguel这在JavaScript中是不可能的,因为脚本读取本地文件路径被认为是不安全的 然而,若你们正在创建一个HTML5网站,你们可能会更幸运

我有以下HTML标记:

<div>
  <a>browse<input type="file" name="annex"></a>
  <span class="filename"></span>
</div>
范围仍然为空,警报结果也为空

我该怎么做

谢谢,, Miguel

这在JavaScript中是不可能的,因为脚本读取本地文件路径被认为是不安全的

然而,若你们正在创建一个HTML5网站,你们可能会更幸运


此外,您可能希望检查……。

您可以阅读它,但无法设置它。因此,只有单击它并选择一个文件,它才会有值

即使这样,该值也可能会被c:\fakepath\之类的东西弄乱,以保持用户文件系统的详细信息是私有的

参考文献

试试这个链接

试试这个:

$('input[type="file"]').on('change', function (event, files, label) {
    var file_name = this.value.replace(/\\/g, '/').replace(/.*\//, '')
    $('.filename').text(file_name);
});

演示您的选择器正在查找class=文件。将类添加到输入中,或者更改选择器以查找type=file属性:$(“[type=“value”]”)发布了有关此问题的新答案。。。
$('input[type="file"]').on('change', function (event, files, label) {
    var file_name = this.value.replace(/\\/g, '/').replace(/.*\//, '')
    $('.filename').text(file_name);
});