HTML5文件浏览标签

Question

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

有什么方法可以获取这些信息。

<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

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

Answer 2

可以使用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。