从html中的输入获取文件路径

小程

我 hvae 输入文件如:

<input type="text" id="txtPath" placeholder="No file selected" />
<input id="btnBrowse" type="button"  value="Browse..." onclick="document.getElementById('file').click();" />
<input type="file" id="loadFile" style="display:none;" id="file" name="file" />

我想提醒选定的路径,我尝试过:

document.getElementById("loadFile").addEventListener("change", function(event) {
  let output = document.getElementById("txtPath");
  let files = event.target.files;
alert(files);
},false);

但这不起作用,错误:

无法读取 null 的属性“click”

菲奥多罗夫·安德烈

您有重复id的输入:

id="loadFile" style="display:none;" id="文件"

<input type="text" id="txtPath" placeholder="No file selected" />
<input id="btnBrowse" type="button"  value="Browse..." onclick="document.getElementById('file').click();" />
<input type="file" style="display:none;" id="file" name="file" />

世界示例jsfiddle

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何从php中的HTML输入标签获取选定的文件路径?

来自分类Dev

从输入获取路径以读取文件

来自分类Dev

从 Python 中的命令行参数获取输入路径和文件、输出路径和文件

来自分类Dev

如何使用jQuery从输入类型文件中获取选定的文件名和文件路径

来自分类Dev

从文件中获取输入

来自分类Dev

在Java中获取文件路径

来自分类Dev

如何从输入URL的路径创建html文件

来自分类Dev

如何使用php在输入type =“ file”中获取选定文件的路径?

来自分类Dev

MVC:如何从文件输入字段获取完整的文件路径?

来自分类Dev

从Perl'.rc'文件中获取文件路径

来自分类Dev

在bash中获取uniqe文件的文件路径

来自分类Dev

在logstash配置中作为文件路径输入

来自分类Dev

用户输入中变量的文件路径

来自分类Dev

在logstash配置中作为文件路径输入

来自分类Dev

批处理文件中的输入路径

来自分类Dev

用户在C中输入的文件路径

来自分类Dev

从C ++文件中获取输入

来自分类Dev

从 html 输入中获取值

来自分类Dev

从输入文件ASP.Net获取路径目录

来自分类Dev

从Java中的文件路径获取目录(android)

来自分类Dev

从Video Chooser中从Uri获取文件路径

来自分类Dev

获取目录路径中的文件名

来自分类Dev

从Tkinter中的askopenfilename函数获取文件路径

来自分类Dev

如何从类路径中获取jar文件?

来自分类Dev

从背后的代码获取.NET中的文件路径

来自分类Dev

在EAR文件中获取REST资源路径

来自分类Dev

在Powershell中获取已解析的文件路径

来自分类Dev

从文件调用批处理中获取路径

来自分类Dev

如何获取数组中的多个文件路径

Related 相关文章

热门标签

归档