input type='file‘如何控制图像质量

Question

input type='file‘，当我在hybirdApp中使用它时，如何控制图像质量。我使用ionic和cordova构建应用程序，使用angular-file-upload选择图片并上传到我的服务器上。

Answer 1

在上传到服务器之前，您可以简单地裁剪图像。

这里有一些裁剪库。

普通JS：https://fengyuanchen.github.io/cropperjs/

框架(Angular)：https://www.npmjs.com/package/ngx-image-cropper

Answer 2

您可以验证输入type=' file‘的文件类型和文件大小，因此，如果您试图让用户上传分辨率最小(或最大)的图像，您可以获得所选图像的文件大小，然后根据其文件类型(jpg/png等)，您可以将最小/最大文件大小设置为所需的最小/最大图像大小的近似值/平均值。

有关获取此信息的代码示例，请参阅以下内容：It is possible to validate the size and type of input=file in html5