0.0.1 • Published 4 years ago

native-cmos-imager v0.0.1

Weekly downloads
-
License
ISC
Repository
-
Last release
4 years ago

react native图片压缩组件

下载安装

npm install native-cmos-imager

原生引入

iOS原生配置:

1、将根目录下 node_modules/native-cmos-imager/iOS 文件夹添加到iOS项目当中。

安卓原生配置

1、将根目录下node_modules/native-cmos-imager/android文件夹添加到android项目当中 2、为app/src/main/java/com/Imager下的java文件导包 3、在Application的实现类getPackages方法中添加ImagerPackage实例 4、在Application的实现类中注册全局字符串pic;

引入组件

import CmosImager from "native-cmos-imager";

方法说明

iOS图片压缩方法:

/**
 * base64图片,压缩比例,压缩回调
 * @param imageBase64Data base64图片
 * @param quality 压缩比(0~1)
 * @param callBack 压缩回调(两个参数,第一是个是err,第二个是压缩后的base64图片)
 */
CmosImager.imager(imageBase64Data,quality,callBack);

示例:

CmosImager.imager(res.data,0.5,(err,imageData)=>{
    if (err) {
        console.log(err);
    } else {
        console.log("图片压缩成功");
        this.setState({imgPreview:source,pictrue:imageData,imageUri:res.uri.replace('file://', '')});
    }
})

android图片压缩方法:

/** @des :图片的采样处理,对于图片进行压缩了
     *
     * @param base64Code :图片的base64内容
     * @param size :图片的压缩比例
     * @param format :图片格式:image/jpg | image/jpeg | image/png
     * @param seccessBack :回调参数(压缩后的base64图片)*/
CmosImager.imagerA(base64Code, size, format, seccessBack)

示例:

CmosImager.imagerA(ss,4,"jpg",(data)=>{
      console.log(data);
});