如何使用Angular中的块将大文件上传到服务器

Question

我想将一个大文件汇总并将其上传到服务器 如何使用块文件上传和rxjs在Angular 2中将发布请求发送到服务器的大型文件

Answer 1

我使用JavaScript将文件上传到需要令牌的API。

<button id="upload-button" onclick="uploadFile()"> Upload </button>

在索引文件中使用此脚本：

<script type='text/javascript'>
    async function uploadFile() {
    let formData = new FormData();      
    formData.append("token", window.sessionStorage.getItem("token"));      
    formData.append("file", fileupload.files[0]);
    console.log("Name " +formData.get("file").name);
    console.log("Token " +formData.get("token"));

    const response = await fetch('http://localhost:8080/upload', {
      method: "POST", 
      mode: 'no-cors',
      credentials: 'omit',
      headers: {
        'Content-Type': 'application/json',
      },
      body: formData
    });

    console.log(response);
    if(response){
      console.log("File uploaded");
      alert('The file has been uploaded successfully.');
    } else {
      throw new Error('Network response was not OK');
    }
}
</script>