2014-12-24 3 views
2

나는 테이블에서 새 파일 위치의 동작을 변경하기 위해 blueimp 파일 업로드 스크립트 내부에서 위치를 찾으려고합니다. 어떻게 파일 목록의 끝 insted 테이블의 상단에 추가하여 그들을 강제로?blueimp jQuery 파일 새 파일 업로드 순서

답변

1

나는 fileuploaddone에 이벤트 리스너를 덮어 쓰고 append 대신 prepend를 추가하여 만들었습니다.

그것은 그냥 부동산 prependFiles 추가이

$('.fileupload').fileupload({ 
     url: 'phpUpload/index.php?customDir='+saveFolder, 
     dataType: 'json', 
     dropZone: $(this), 
     autoUpload: true, 
     acceptFileTypes: /(\.|\/)(gif|jpe?g|png|pdf|mp3|mp4|wav|doc|docx|ppt)$/i, 
     maxFileSize: 150000000, // 150 MB 
     // Enable image resizing, except for Android and Opera, 
     // which actually support image resizing, but fail to 
     // send Blob objects via XHR requests: 
     disableImageResize: /Android(?!.*Chrome)|Opera/ 
      .test(window.navigator.userAgent), 
     previewMaxWidth: 100, 
     previewMaxHeight: 100, 
     previewCrop: true 
    }).on('fileuploadadd', function (e, data) { 
     // you can leave this out if you want the default design 
     data.context = $('<div/>').addClass('existingMediaFile'); 
     $.each(data.files, function (index, file) { 
      var node = $('<a/>').append($('<span/>').text(file.name)); 
      node.appendTo(data.context); 
     }); 

    }).on('fileuploaddone', function (e, data) { 
     $.each(data.result.files, function (index, file) { 
      $(data.context.children()[index]).prepend(file.name+' '+file.thumbnailUrl); 
     }); 
    }) 
1

같이 : 사실을

예 :

$('.fileupload').fileupload({ 
    url: 'your_url', 
    dataType: 'json', 
    prependFiles:true 
}); 
관련 문제