React-native-compress-images NPM

react native compress images

license

( English) react-native图片压缩组件。（目前仅支持安卓平台）

导入

yarn add react-native-compress-images

自动连接

react-native link

使用

1, import CompressImages from 'react-native-compress-images';

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]);
              })

Type

现在支持两种形式的图片压缩

type = 'compressSzie'

这种方式会压缩图片的质量和尺寸。可以把图片大小压缩到非常小。如果你对图片细节，清晰度要求不高，可以选择这种压缩形式。

type = 'quality'

压缩图片质量。可以保证图片清晰，并按比例压缩。压缩后图片大小相对于第一种方式会大一些。对图片压缩后质量要求较高可以选择改方式. (支持库: Luban)

Options

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)