如何在多部分FormData文件上传中减小图像大小

Question

html

 <form #form enctype="multipart/form-data">
    <input type="file"  #upload name='uploadingFiles' (change)="uploadFiles(form)"  multiple>
</form>

角度

 void uploadFiles(form) {
    var formData = new FormData(form);
    final request = new HttpRequest();
    request.open('POST', 'http://localhost:8080/uploadMulti');
    request.upload.onProgress.listen((ProgressEvent e) {
      print('progress');
    });
    request.onLoad.listen((e) {
      print('Uploaded');
    });
    request.send(formData);
  }

我如何在此处放置图像处理代码以将4000X4000的图像缩小为600X600，然后在发送之前将其替换为formData？是否有可能formData只是传递给服务器的元数据，然后服务器使用它一次将图像字节拉入一个文件？

Answer 1

Angular有一个很好的软件包，可以在将图像上传到服务器之前对其进行压缩。

您可以使用此https://www.npmjs.com/package/ngx-image-compress

如果您对谁可以做有疑问，这是一篇很好的文章。

https://medium.com/swlh/compress-image-and-send-it-to-an-api-in-angular-bc48e6ed3835