Skip to content

taufiqrohman/react-native-compress-images

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

react native compress images

Platform - Android license


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

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)

注意

如果设置type等于compressSzie,并且保存图片到本地,将会覆盖上一次压缩的图片.

About

RN图片压缩插件

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • Java 94.5%
  • JavaScript 5.5%