2017-08-06 4 views
0

ファイルがページに表示されるときに、uploadfileをjsに並べ替えたいと思います。ファイルがページに表示されているときに、fileupload with jsでファイルを並べ替えるにはどうすればよいですか?

それはどのようにそれを知っていますか教えてください!ここで

はおそらくメソッドを追加オーバーフックする必要がある私のコード

$('#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 
+0

を、あなたは我々が開始することができ、小さなスニペット(<>)を提供してもらえますか? –

+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); 
    } 
}); 
+0

親愛なるJonas w "data.formData"をファイルをソートするために追加する必要がありますか? –

+0

いいえ、あなたのコードを保存するだけで、ファイル= [... data.files] .sort()を実行してファイルを処理する必要があります。 –

+0

親愛なるJonas wさん、「[... data.files]」のこの部分についてもっと教えてください。どういう意味なのか分かりません。ページに表示されるファイルを並べ替える方法はたくさんありましたがそれは動作しません。 –

関連する問題