javascript - 如何获取上传文件的最后修改日期？-6ren

javascript - 如何获取上传文件的最后修改日期？

转载作者：行者123 更新时间：2023-11-30 13:26:29

我上传了一个 XML 文件以将其内容迁移到我的数据库，但我想首先存储该文件的最后修改日期，以确保该文件与上一个文件相比没有发生任何变化。

如何获取文件的最后修改日期？

是否有任何 javascript 函数可以做到这一点？

最佳答案

当您使用文件输入上传文件时，此信息永远不会发送到服务器。只有文件名、MIME 类型和内容通过 multipart/form-data 发送。你可以使用 HTML5 File API在上传文件之前从文件中获取此信息。

根据评论部分的要求，这里有一个 ASP.NET 页面示例，它有一个上传控件和一个隐藏字段，用于使用 HTML5 文件 API 存储文件的最后修改日期并将其发送到服务器:

<%@ Page Language="C#" %>
<%@ Import Namespace="System.Globalization" %>

<script type="text/C#" runat="server">
    protected void BtnUploadClick(object sender, EventArgs e)
    {
        var file = Request.Files[0];
        DateTime date;
        if (DateTime.TryParseExact(lastModifiedDate.Value, "yyyy-MM-dd", CultureInfo.InvariantCulture, DateTimeStyles.None, out date))
        {
            // you could use the date here
        }
    }
</script>

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    <form id="Form1" runat="server">
        <label for="up">Pick a file</label>
        <asp:FileUpload ID="up" runat="server" />
        <asp:HiddenField ID="lastModifiedDate" runat="server" />
        <asp:LinkButton ID="btnUpload" runat="server" Text="Upload" OnClick="BtnUploadClick" />
    </form>

    <script type="text/javascript">
        if (!window.File) {
            alert('Sorry, your browser doesn\'t support the File API so last modified date will not be available');
        } else {
            document.getElementById('<%= up.ClientID %>').onchange = function () {
                if (this.files.length > 0) {
                    if (typeof this.files[0].lastModifiedDate === 'undefined') {
                        alert('Sorry, your browser doesn\'t support the lastModifiedDate property so last modified date will not be available');
                    } else {
                        var lmDate = this.files[0].lastModifiedDate;
                        var hidden = document.getElementById('<%= lastModifiedDate.ClientID %>');
                        hidden.value = lmDate.getFullYear() + '-' + (lmDate.getMonth() + 1) + '-' + lmDate.getDate();
                    }
                }
            };
        }
    </script>
</body>
</html>

所以在这个例子中，我们订阅了文件输入的onchange事件，如果客户端浏览器支持HTML5 File API，我们可以获得有关所选文件的信息，例如它的名称、大小、最后修改时间date, ... 在此示例中，我们将上次修改日期存储到一个隐藏字段中，以便一旦我们上传文件，该信息就可以在服务器上使用。

关于javascript - 如何获取上传文件的最后修改日期？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/8285733/