当文件显示在页面上时,如何在js上使用fileupload对文件进行排序?

时间:2017-08-06 10:10:38

标签: javascript

当我在页面上显示文件时,我想在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

1 个答案:

答案 0 :(得分:0)

您可能需要挂钩添加方法:

$('#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);
  } 
});