Question

我在Firefox 8中使用Html5作为我的网页。我使用jquery文件样式插件用图像替换枯燥的浏览按钮。我想显示使用该控件选择的文件的详细信息。使用files []数组我可以获得大小，类型和名称，但不能获得最后修改日期和时间。

有没有办法获取这些信息。

<input class="browseFile" type="file" multiple="multiple" required="required" autofocus="autofocus" onchange="selectFiles(this)" />
function selectFiles(object)
 {
  var filename="";
  for(var i = 0;i < object.files.length; i++)
      {
      filename = object.files[i].name;
      $("<div style='border: 1px solid'><p>"+filename+"</p></div>").appendTo(".rightDiv");
      //$(".browseFile").attr('value',filename);
      }
  $(".browseFile").attr('value',filename);
 }

请帮帮我...

Answer 1

您可以使用lastModifiedDate属性：

jQuery(document).ready(function() {
    $(".browseFile").change(function(e) {
        var filename = "";
        for(var i = 0; i < this.files.length; i++) {
            filename = this.files[i].name;
            lastMod = this.files[i].lastModifiedDate;
            $(".rightDiv").append("<div style='border: 1px solid'><p>" + filename + "(" + lastMod + ")</p></div>");
        }
    });
});

JS Fiddle Demo

更新了以上内容以提供更好的日期输出：

jQuery(document).ready(function() {
    $(".browseFile").change(function(e) {
        var filename = "";
        for(var i = 0; i < this.files.length; i++) {
            filename = this.files[i].name;
            lastMod = new Date(this.files[i].lastModifiedDate);
            dd = lastMod.getDate();
            mm = lastMod.getMonth() + 1;
            yyyy = lastMod.getFullYear();
            lastModString = dd + '/' + mm + '/' + yyyy;
            $(".rightDiv").append("<div style='border: 1px solid'><p>" + filename + "(" + lastModString + ")</p></div>");
        }
    });
});

JS Fiddle Demo

Answer 2

我修改了它：http://jsfiddle.net/wCPyw/

HTML5文件浏览标记

2 个答案: