當文件在頁面上顯示時，如何在js上使用fileupload對我的文件進行排序？

Question

我想在頁面上顯示文件時，使用js上的uploadfile對文件進行排序。

有誰知道它是怎麼做的，請告訴我！

這裏是我的代碼部分

$('#fileupload').fileupload(
    {   
     autoUpload: false, 
     url: 'test.php', 
     sequentialUploads: true, 
     dataType: 'json', 

     add: function (e, data) 
     { 
      console.log('add start');    

      filesList.push(data.files[0]); 
      var reader = new FileReader(); 
      reader.onload = function (e) 
      {               
       $('#presentation > .files').append(
        $(
        '<tr class="template-upload fade in">' + 
         '<td><span class="preview"><img src="' + e.target.result + '" class="previewImg" /></span></td>' + 
         '<td><input type="text" id="title' + num + '" class="name" value=' + data.files[0].name + ' data-name="'+ data.files[0].name +'" maxlength="30" title="max 30 words"><strong class="error text-danger"></strong></td>' + 
         '<td><p class="size">' + (data.files[0].size/1000) + 'k</p></td>' + 
         '<td><button class="btn btn-warning cancel imgCancel" data-name="' + data.files[0].name + '"><span>cancel</span></button></td>' + 
        '</tr>' 
        ) 
       );     
       num++; 
      } 
      reader.readAsDataURL(data.files[0]);};//end fileupload 

Answer 1

你可能需要掛接在添加方法：

$('#fileupload').fileupload({ 
add: function (e, data) { 
     //manipulate input 
     data.formData = [...data.files].sort(/*whatever*/); 

     //start original handler 
     $.blueimp.fileupload.prototype 
      .options.add.call(this, e, data); 
    } 
});