document.createElement 获取文件名
时间: 2023-11-04 16:23:15 浏览: 144
引用中的代码片段是一个HTML页面中的JavaScript代码,它使用`document.createElement`方法创建了一个`<a>`元素并设置了其属性。这段代码并没有直接获取文件名的功能。
然而,在引用中提到了关于`document.createElement`方法的一些注意事项,其中涉及到了创建`<input>`元素的特殊用法。如果想要获取文件名,可以考虑使用`<input type="file">`元素,并利用其`value`属性来获取用户选择的文件的完整路径。然后,可以使用一些JavaScript方法来从完整路径中提取文件名。
例如,使用`split()`方法将完整路径字符串按照路径分隔符进行拆分,然后使用`pop()`方法获取最后一个拆分出来的元素,即文件名部分。具体代码如下所示:
```javascript
var fileInput = document.createElement("input");
fileInput.type = "file";
fileInput.addEventListener("change", function() {
var fullPath = this.value;
var fileName = fullPath.split("\\").pop();
console.log(fileName); // 打印文件名
});
document.body.appendChild(fileInput);
```
这样,当用户选择文件后,通过`fileInput`元素的`value`属性获取到完整路径,然后再利用`split()`和`pop()`方法获取文件名部分。<span class="em">1</span><span class="em">2</span><span class="em">3</span><span class="em">4</span>
阅读全文