是否可以使用 Javascript 检索文件的最后修改日期？

Question

我的网页上有一组链接到 PDF 表单和 .doc 表单的链接。这些文件不存储在数据库中，只是按原样存储在本地服务器上。是否可以使用 JavaScript 检索 PDF 或 DOC 文件的最后修改日期？我没有任何特定需要使用 Javascript，但更好。

更新：现在我意识到Javascript无法访问文件系统，是否有其他方法？

Answer 1

如果它与您的调用函数位于同一服务器上，您可以使用 XMLHttpRequest -

此示例不是异步的，但如果您愿意，您可以这样做。

function fetchHeader(url, wch) {
    try {
        var req=new XMLHttpRequest();
        req.open("HEAD", url, false);
        req.send(null);
        if(req.status== 200){
            return req.getResponseHeader(wch);
        }
        else return false;
    } catch(er) {
        return er.message;
    }
}

alert(fetchHeader(location.href,'Last-Modified'));

Answer 2

这似乎很有用，并且对我有用 - 为您提供“本地”日期

document.lastModified 

与上面选择的 req.getResponseHeader() 相比，它减少了一次往返/http 调用。

Answer 3

使用现代的 fetch 方法：

var lastMod = null;
fetch(xmlPath).then(r => {
    lastMod = r.headers.get('Last-Modified');
    return r.text();
})

Answer 4

将 FutureBoy 的答案 格式化为完整函数并添加 HEAD 方法和日期转换，代码将如下所示。

function fetchLastModified(url, callback) {
    fetch(url, {method: "HEAD"})
        .then(r => {callback(new Date(r.headers.get('Last-Modified')))});
}

HEAD 减少了传输的数据量，仅包含 HTTP 标头。由于 FutureBoy 的答案仅使用了标头，因此我编写了仅提取标头的函数。请参阅 Mozilla.org 的 HEAD 文档。

Answer 5

File.lastModified

您可以使用 File.lastModified< /code>属性获取文件的最后修改日期，以自 Unix 纪元以来的毫秒数表示。

示例：

const file = document.getElementById('input').files[0];
const lastModifiedDate = new Date(file.lastModified);

console.log(`Last Modified Date: ${lastModifiedDate}`);

Answer 6

如果接口通过 HTTP 公开，则可以。另一种说法是：公开 WebService 端点来访问此信息。

当然，出于安全原因，您无法直接访问文件系统。

Answer 7

我在 JS 方面相对较新，所以我很难按照上面的答案来产生一些可行的东西。我最终确实根据上面 Kennebec 的答案创建了一些东西，但立即收到了来自 Chrome 的可怕警告，同步调用 XMLHttpRequest() 现已被弃用，并且很快会导致脚本崩溃错误。

因此，这里有一个即插即用的脚本，它将为您提供服务器上文件的修改时间，非常异步且合规：

let file = "../yourfile.html";

function makeRequest(url) {
    return new Promise(function (resolve, reject) {
        let xhr = new XMLHttpRequest();
        let rand = Math.floor(Math.random() * (99999 - 11111) + 11111);
        let newurl = url+"?v="+rand;
        xhr.open("HEAD", newurl);
        xhr.onload = function () {
            if (this.status >= 200 && this.status < 300) {
                resolve(xhr.getResponseHeader("Last-Modified"));
            } else {
                reject({
                    status: this.status,
                    statusText: xhr.statusText
                });
            }
        };
        xhr.onerror = function () {
            reject({
                status: this.status,
                statusText: xhr.statusText
            });
        };
        xhr.send();
    });
}

document.onload = rando();

async function rando(){
    let result = await makeRequest(file);
    let time = Date.parse(result)/1000;
    console.log(time);
}

希望这有助于节省一些时间。

顺便说一句，我需要这个脚本的原因是向动态加载的 CSS 样式表附加一个变量。通过使用修改时间作为变量，它可以防止浏览器缓存该死的样式表（如果它们自上次加载以来已被修改）。这也是一个众所周知的缓存破坏 HTML 文件的技巧，但在 PHP 中更容易做到！

Answer 8

要获取一组文件的最后修改日期，请迭代各个时间戳并重新调整最新的时间戳。显然，当仅传递单个项目时，也适用于单个文件。

const ns = {
  files: ['/index.html', '/sw.js', '/style.css'], //sample set of typical client files
  last_mod: async(f = []) => {
    let ts = 0;
    for (let i of f) {
      let d = await fetch(i) //get each file
        .then(r => r.headers.get('Last-Modified')) //get last modified date in raw text format
        .catch(e => console.error(e));
      ts = Math.max(ts, +new Date(d)); //latest timestamp
    }
    return ts;
  }
}

console.log('Client last modified:', new Date(await ns.last_mod(ns.files)));

Answer 9

我喜欢 @CrazyIvan1974 使用 HEAD 的答案，但我更喜欢等待语法，所以这里是一个等待版本 -

async function fetchLastModified(url) {
      const response = await fetch(url, { method: "HEAD" });
      const lastModified = new Date(response.headers.get('Last-Modified'));
      return lastModified;
}

const url = 'https://url_of_file_to_check/thefile.html';
const lastModified = await fetchLastModified(url);

Answer 10

不，不是。您无法通过 JavaScript 访问文件系统