输入类型='文件'如何控制图像质量

input type='file' how to control the images quality

本文关键字:控制 图像质量 文件 类型 输入 何控制      更新时间:2023-09-26

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

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

以下是一些裁剪库

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

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

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

有关获取此信息的代码示例,请参阅:可以验证html5 中input=文件的大小和类型