js获取input路径
时间: 2023-06-05 08:47:37 浏览: 106
取得input要素的文件路径
在JavaScript中,获取input的路径可以使用input元素的files属性。files属性返回一个FileList对象,其中包含了用户选择的文件列表。通过这个对象可以获取文件的路径、文件名、大小等信息。
在html页面中,定义一个input元素的时候需要加上type="file"属性,例如:
```
<input type="file" id="fileInput">
```
然后,在JavaScript代码中获取input路径的方法如下:
```
var input = document.getElementById('fileInput');
var filePath = input.value;
```
这个方法获取到的filePath是一个包含文件路径的字符串,但是该字符串因为安全考虑,实际上只提供了文件的名称而没有提供具体的路径。为了解决这个问题,我们可以使用File对象的webkitRelativePath属性获取文件相对路径。例如:
```
var input = document.getElementById('fileInput');
var files = input.files;
var filePath = files[0].webkitRelativePath;
```
需要注意的是,这个方法在不同浏览器中可能会有不同的实现方式,我们可以在不同浏览器下进行测试,最终选择一种兼容性较好的方法。
阅读全文