javascript - 如何在plupload中获取已排序行的顺序

Question

我有一个要求，我需要对 plupload 的行进行排序。我添加了代码(sortable : true)，现在它正在工作。现在我想知道排序的顺序。任何帮助，将不胜感激。

Answer 1

您可以尝试在 FilesAdded 上initialIndex向文件对象添加属性。并稍后在文件对象上查询此属性以了解已执行的排序。

假设uploader是：

var uploader = $('#uploader').plupload('getUploader');

然后

    // add initialIndex property on new files, starting index on previous queue size
uploader.bind('FilesAdded', function(up,files){
         for(var i = 0, upPreviousSize = up.files.length - files.length, size = files.length; i<size; i++)
          {
              files[i]["initialIndex"] = i +upPreviousSize ;
          }
          //console.log(up.files);
        });


    // remove the 'holes' in the sequence when removing files 
    // (if not, next files adding would introduce duplicate initialIndex)
uploader.bind('FilesRemoved', function(up,files){
         // process removed files by initialIndex descending
         var sort = function(a,b){return b.initialIndex - a.initialIndex;};
         files.sort(sort);
         for(var i = 0, size = files.length; i<size; i++)
          {
            var removedFile = files[i];
            // update the remaining files indexes
            for (var j =0, uploaderLength = up.files.length; j<uploaderLength; j++)
            {
            var remainingFile = up.files[j];
            if(remainingFile["initialIndex"] >  removedFile["initialIndex"])
                remainingFile["initialIndex"]--;
            }
          }           
          //console.log(up.files);
        });

Answer 2

如果使用 Plupload 2.1 jQuery UI 小部件：

uploader.bind('BeforeUpload', function (up, file) {
  var index = $('#uploader_filelist li').index($('#' + file.id));
});