O método onUpload não está a funcionar em p-fileUpload de Primeng

votos
0

Eu estou declarando a FileUpload no meu html como se segue

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

que está apontando para o meu backend

    @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);
    }

Mas ao executar o meu evento onload no meu texto datilografado, ele não funciona ... e até mesmo um console.log é colocado para testar, mas ele não funciona. esta é a minha typescript

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

Quando eu executar o fileupload a barra de carregamento está preso e não me permite realizar outra upload de arquivos. Portanto, quando a barra de carregamento nunca é concluída, o evento mencionado não é executada entrar descrição da imagem aqui

Finalmente, o arquivo é salvo no caminho mencionado, mas eu não pode manipular o evento corretamente

Ficaria muito grato que alguém poderia me ajudar. Obrigado

Publicado 10/10/2019 em 00:56
fonte usuário
Em outras línguas...                            

Cookies help us deliver our services. By using our services, you agree to our use of cookies. Learn more