Метод onUpload не работает в p-fileUpload Primeng - PullRequest
Новая
       6

Метод onUpload не работает в p-fileUpload Primeng

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

Я объявляю FileUpload в моем html следующим образом 

<p-fileUpload  name="file"  url="http://localhost:8080/integra/services/upload" (onUpload)="onUpload($event)"  accept=".txt"></p-fileUpload>

, который указывает на мой бэкэнд 

    @PostMapping(value="/upload", produces = MediaType.APPLICATION_JSON_VALUE, consumes = MediaType.MULTIPART_FORM_DATA_VALUE)
    public ResponseEntity uploadFile(@RequestParam("file") MultipartFile file) throws IOException {
        File convertFile = new File("C:\\upload\\"+file.getOriginalFilename());
        convertFile.createNewFile();
        FileOutputStream fout = new FileOutputStream(convertFile);
        fout.write(file.getBytes());
        fout.close();
        return new ResponseEntity("OK", HttpStatus.OK);
    }

Но при выполнении события onload в моем машинописном тексте он не 'не работает ... и даже console.log помещается для тестирования, но он не работает. это мой машинописный текст 

  onUpload(event) {
    console.log(event.files.length);
    console.log(event.progress);
  }

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

Наконец, файл сохраняется по указанному пути, но я не могу обработать событие правильно

Буду благодарен, что кто-нибудь сможет мне помочь. Спасибо

...