rn 图片上传裁剪、视频react-native-image-crop-picker

╰半橙微兮° 2021-07-24 20:59 739阅读 0赞

1、安装
    yarn add react-native-image-crop-picker
    import ImagePicker from 'react-native-image-crop-picker';
    
    2、android/app/build.gradle添加以下代码
    android {  
        ...  
        defaultConfig {  
            ...  
            //添加的代码
            vectorDrawables.useSupportLibrary = true  
            ...  
        }  
        ...  
    } 
    
    3、android/app/src/main/AndroidManifest.xml
    
    <uses-permission android:name="android.permission.CAMERA"/>
    <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE"/>
    
    4、在方法中调用:
     // 从本地相册选择单幅图像
        ImagePicker.openPicker({  
          width: 400,  
          height: 400,  
          cropping: true  
        }).then(image => {  
          console.log(‘ 图片路径：‘+ image);  
        }); 
         
        // 调用多个图像
        ImagePicker.openPicker({  
          multiple: true  
        }).then(images => {  
          console.log(images);  
        });
         
        // 启动相机拍照
        ImagePicker.openCamera({  
          width: 400,  
          height: 400,  
          cropping: true  
        }).then(image => {  
          console.log(image);  
        }); 
         
        // 裁剪已有的图片
        ImagePicker.openCropper({  
          path: ‘image-file-path.jpg‘,  
          width: 400,  
          height: 400  
        }).then(image => {  
          console.log(image);  
        });

发表评论取消回复

表情：

评论列表（有 0 条评论，739人围观）

还没有评论，来说两句吧...

相关阅读

相关 js上传图片视频

<html> <head> <style> .visually-hidden { position: absolute !import

﹏ヽ暗。殇╰゛Y/ 2022年12月10日 02:23/ 0 赞/ 277 阅读

相关 react-cropper图片裁剪并上传

react-cropper图片裁剪并上传 [官方Demo][Demo] [github][] 1、安装 npm install --save react

╰半夏微凉°/ 2022年11月11日 05:10/ 0 赞/ 262 阅读

相关 vuecropper图片裁剪上传参考示例

<template> <div> <el-row> <el-col :span="10"> <d

我就是我/ 2022年10月29日 07:50/ 0 赞/ 306 阅读

相关 React 实现图片裁剪/上传/预览/下载/删除（主要是图片裁剪）

最近工作中需要封装一个图片裁剪组件，也是封装了两天时间才完成，特此记录便于日后查阅。先看一下最终效果，图示如下： ![watermark_

绝地灬酷狼/ 2022年09月16日 03:43/ 0 赞/ 431 阅读

相关图片裁剪上传

1.实现方式:使用jquery插件 imagecropper.js demo： <!DOCTYPE html> <html> <head>

矫情吗；*/ 2022年06月14日 12:06/ 0 赞/ 320 阅读

相关 cropper裁剪图片并上传

引入cropper所依赖的js和css，可在官网下载。我的资源地址：[https://download.csdn.net/download/rexueqingchun

深碍√TFBOYSˉ_/ 2022年05月17日 09:48/ 0 赞/ 265 阅读

相关上传及裁剪图片（WebUploader+cropper）

通过[百度上传webuploader使用与注意细节][webuploader]和[ jQuery.cropper中文API详解][jQuery.cropper_A

不念不忘少年蓝@/ 2021年09月14日 02:30/ 0 赞/ 676 阅读

相关 cropper.js 裁剪图片并上传

官网[http://fengyuanchen.github.io/cropper/][http_fengyuanchen.github.io_cropper] 文档[htt

小鱼儿/ 2021年08月19日 11:40/ 0 赞/ 556 阅读

相关 rn 图片拍照、上传react-native-image-picker

多图像选择，对裁剪工具的更多控制，以及对横屏的支持等使用react-native-image-crop-picker 1、安装 yarn a

灰太狼/ 2021年07月24日 22:18/ 0 赞/ 1057 阅读

相关 rn 图片上传裁剪、视频react-native-image-crop-picker

1、安装 yarn add react-native-image-crop-picker import ImagePicker from 'react-

╰半橙微兮°/ 2021年07月24日 20:59/ 0 赞/ 740 阅读