( English) react-native图片压缩组件。(目前仅支持安卓平台)
yarn add react-native-compress-images
react-native link
1, import CompressImages from 'react-native-compress-images';
2,
CompressImages({
urlList: ['storage/emulated/0/Pictures/image-b1ae0ff3-c014-4e37-b510-f00d6ec88b08.jpg']
}).then((res) => {
console.log(res);
// base64
console.log("data:image/jpeg;base64,"+data.base64List[0]);
})
现在支持两种形式的图片压缩
这种方式会压缩图片的质量和尺寸。可以把图片大小压缩到非常小。如果你对图片细节,清晰度要求不高,可以选择这种压缩形式。
压缩图片质量。可以保证图片清晰,并按比例压缩。压缩后图片大小相对于第一种方式会大一些。对图片压缩后质量要求较高可以选择改方式. (支持库: Luban)
option | Info |
---|---|
type | compressSize 或者 quality. 默认值: compressSize |
urlList | 图片路径数组。例子: ['storage/emulated/0/Pictures/image-b1ae0ff3-c014-4e37-b510-f00d6ec88b08.jpg', 'image2.png'] |
maxWidth | 设置图片压缩后的最大宽度. 默认 : 380(该参数仅仅在type等于"compressSize"时有效) |
maxHeight | 设置图片压缩后的最大高度. 默认: 600(该参数仅仅在type等于"compressSize"时有效) |
quality | 0~100 default: 60 |
saveImages | 设置是否保存压缩图片到本地。如果设置为false, 会返回一个压缩后图片的base64数组。默认值: true(该参数仅仅在type等于"compressSize"时有效) |
resultBase64 | 设置是否返回压缩图片的base64数组。默认值: false(该参数仅仅在type等于"compressSize"时有效) |
option | Info |
---|---|
state | success or error |
msg | 发生错误时,会返回 |
urlList | 返回压缩后的图片路径数组(only saveImages === true) |
base64List | 压缩图片的base64数组(saveImages === false or resultBase64 === true) |
如果设置type等于compressSzie,并且保存图片到本地,将会覆盖上一次压缩的图片.