Можно ли загружать файлы * последовательно * через AJAX?

Question

Я успешно реализовал загрузку структур каталогов с помощью Fine Uploader с помощью параметра dragAndDrop: reportDirectoryPaths. Каждый загруженный файл имеет свойство qqpath, чтобы обозначать путь, из которого он пришел.

var exampleUploader = new qq.FineUploader({ 
    element: document.getElementById('fine-uploader'), 
    template: 'qq-template-manual-trigger', 
    request: { 
     endpoint: '/api/UploadDocuments', 
     params: { 
      param1: "Test1", 
      param2: "Test2" 
     } 
    }, 
    callbacks: { 
     onComplete: function (id, name, responseJSON, xhr) { 
      console.log("onComplete"); 
     }, 
     onAllComplete: function (id, name, responseJSON, xhr) { 
      console.log("onAllComplete"); 
     } 
    }, 
    multiple: true, 
    dragAndDrop: { 
     reportDirectoryPaths: true 
    }, 
    autoUpload: true, 
    debug: false 
}); 

Существует, однако, одна проблема: файлы загружаются один на один, но запрос Ajax называют иногда в то же самое время. Если два файла с одинаковой структурой каталогов будут переданы службе в то же самое время, каталоги могут быть созданы дважды за один раз. Есть ли способ сделать только запрос ajax для успеха предыдущего? Другими словами, есть ли способ загрузить файлы последовательно, а не в одно и то же время (целая куча файлов, передаваемых сразу в службу)?

Заранее спасибо, А.Я.

Answer 1

Проблема вы видите, это проблема с сервером, а не с ничего клиента/браузера на стороне. Это недальновидно, чтобы ограничить ваш интерфейс одним запросом за раз. Это представляет собой совершенно ненужное узкое место. Ваш сервер должен сортировать все это.

О подходе заключается в том, чтобы загружать загруженные файлы с помощью UUID, назначенного Fine Uploader, а затем сортировать иерархию хранилища позже. И если вы не хотите доверять UUID, предоставленному Fine Uploader, вы всегда можете создать свою собственную серверную часть, вернуть ее с ответом, а Fine Uploader будет использовать это для всех других запросов, связанных с этим конкретным файлом.

Другой подход заключается в том, чтобы ваш сервер просто проверял сервер, чтобы узнать, существует ли каталог для целевого файла.

Помните, что это свойство «qqPath», в котором вы находитесь, зависит только от Chrome/Opera и только при отбрасывании каталога.

Answer 2

Если вы хотите загрузить файлы один за другим с помощью тонкой загрузчиком самый простой способ ограничивает максимальные подключения к 1.

var exampleUploader = new qq.FineUploader({ 
    element: document.getElementById('fine-uploader'), 
    template: 'qq-template-manual-trigger', 
    request: { 
     endpoint: '/api/UploadDocuments', 
     params: { 
      param1: "Test1", 
      param2: "Test2" 
     } 
    }, 
    callbacks: { 
     onComplete: function (id, name, responseJSON, xhr) { 
      console.log("onComplete"); 
     }, 
     onAllComplete: function (id, name, responseJSON, xhr) { 
      console.log("onAllComplete"); 
     } 
    }, 
    maxConnections: 1, 
    multiple: true, 
    dragAndDrop: { 
     reportDirectoryPaths: true 
    }, 
    autoUpload: true, 
    debug: false 
}); 

По умолчанию в MaxConnections параметра равно 3.