HTML5 тег просмотра файла

Question

Я использую Html5 в Firefox 8 для своей веб-страницы.Я использую плагин jquery File style, чтобы заменить скучную кнопку Browse изображением.Я хочу отобразить детали файлов, выбранных с помощью элемента управления.Используя массив 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/