📜  js 获取文件位置 - Javascript (1)

📅  最后修改于: 2023-12-03 15:32:24.254000             🧑  作者: Mango

JS 获取文件位置

在 JavaScript 中,获取文件位置通常会使用 window.location 对象或者相对路径来实现。以下是一些常见的方法:

1. 获取 URL

使用 window.location 对象可以获取当前 URL。

console.log(window.location.href); // 获取当前 URL
console.log(window.location.hostname); // 获取当前域名
console.log(window.location.pathname); // 获取当前路径
2. 获取相对路径

使用相对路径可以获取相对于当前 HTML 文档的路径。

console.log('./images/logo.png'); // 相对于当前 HTML 文档的路径
console.log('../images/logo.png'); // 相对于当前 HTML 文档上一层目录的路径
3. 获取绝对路径

使用绝对路径可以获取指定的文件或文件夹的完整路径。

console.log(window.location.origin + '/images/logo.png'); // 获取完整路径
4. 文件上传

在文件上传中,获取文件的具体位置通常使用 file 对象实现。

document.querySelector('input[type="file"]').addEventListener('change', function() {
  console.log(this.files[0].name); // 获取上传的文件名
  console.log(this.files[0].lastModified); // 获取上传的文件最后修改时间
  console.log(this.files[0].size); // 获取上传文件的大小
});

以上是获取文件位置的一些常见方法,开发者可以根据实际需求进行选择。