почему невозможно загрузить файл дважды, используйте компонент filepond？ - PullRequest
Новая
       8

почему невозможно загрузить файл дважды, используйте компонент filepond？

1 голос
/ 23 октября 2019

первая открытая poup модальная загрузка файлов - это работа! Но завершена первая загрузка, второй раз откройте всплывающую модель и выберите файлы, нажмите uploadfiles. Pond.getFiles () пусто. Поэтому не обрабатывает загрузку файла, почему? Как решитьпроблема 

  let pond;
  //open popup modal window select files
   function importpic() {
     $('#importModal').modal('toggle');
     $('#label').val('');
     $('#description').val('');
     const inputElement = document.querySelector('input[type="file"]');
     pond = FilePond.create(inputElement);
   }
  //execute upload files
   function uploadfiles() {
     if (pond) {
       var v = $('#uploadfiles-form').valid();
       var files = pond.getFiles();
       console.log(files, v);
       if (v && files.length > 0) {
         pond.processFiles().then(() => {
           $('#importModal').modal('toggle');
           reload();
           pond.removeFiles();
         });
       }
     }
   }

1 Ответ

0 голосов
/ 24 октября 2019

Я пытаюсь 

   function configFilePond() {
      FilePond.registerPlugin(
        FilePondPluginImagePreview,
        FilePondPluginImageExifOrientation,
        FilePondPluginFileValidateSize
      );
      FilePond.setOptions({
        instantUpload:false,
        server: {
          timeout: 7000,
          process: {
            url: '/FaceLibs/UploadFiles',
            method: 'POST',
            ondata: (formData) => {
              formData.append('label', $('#label').val());
              formData.append('description', $('#description').val());
              return formData;
            }
          },
          revert: '/FaceLibs/Revert',
        },

      })
   }
   configFilePond();
    //let pond;
    const inputElement = document.querySelector('input[type="file"]');
    const pond = FilePond.create(inputElement);
function importpic() {
      $('#importModal').modal('toggle');
      $('#label').val('');
      $('#description').val('');
   }

    function uploadfiles() {
      if (pond) {
        var v = $('#uploadfiles-form').valid();
        var files = pond.getFiles();
        console.log(files, v);
        if (v && files.length > 0) {
          pond.processFiles().then(() => {
            $('#importModal').modal('toggle');
            reload();
            pond.removeFiles();
          });
        }
      }
    }

это прекрасно работает

...