zoukankan      html  css  js  c++  java
  • react-native上传图片、视频

    1.上传视频:

      使用插件 :react-native-image-picker

     import * as ImagePicker from 'react-native-image-picker'
    const options = {
                title: '选择视频',
                cancelButtonTitle: '取消',
                takePhotoButtonTitle: '录制视频',
                chooseFromLibraryButtonTitle: '选择视频',
                mediaType: 'video',
                videoQuality: 'medium' // 视频质量 'low', 'medium', or 'high' on iOS, 'low' or 'high' on Android
    };
    ImagePicker.showImagePicker(options, (response)
    => {})

    2.上传图片:

      使用插件 :react-native-syan-image-picker

    组件调用时,支持传入一个 options 对象,可设置的属性如下:

    属性名类型是否可选默认值描述
    imageCount int 6 最大选择图片数目
    isRecordSelected bool false 记录当前已选中的图片
    isCamera bool true 是否允许用户在内部拍照
    isCrop bool false 是否允许裁剪,imageCount 为1才生效
    CropW int screenW * 0.6 裁剪宽度,默认屏幕宽度60%
    CropH int screenW * 0.6 裁剪高度,默认屏幕宽度60%
    isGif bool false 是否允许选择GIF,暂无回调GIF数据
    showCropCircle bool false 是否显示圆形裁剪区域
    circleCropRadius float screenW * 0.5 圆形裁剪半径,默认屏幕宽度一半
    showCropFrame bool true 是否显示裁剪区域
    showCropGrid bool false 是否隐藏裁剪区域网格
    quality int 90 压缩质量(安卓无效,固定鲁班压缩)
    minimumCompressSize int 100 小于100kb的图片不压缩(Android)
    enableBase64 bool false 是否返回base64编码,默认不返回
    freeStyleCropEnabled bool false 裁剪框是否可拖拽(Android)
    rotateEnabled bool true 裁剪是否可旋转图片(Android)
    scaleEnabled bool true 裁剪是否可放大缩小图片(Andro
    
    
      import SyanImagePicker from 'react-native-syan-image-picker';
    
    
    const options = {/*配置参考上表*/}

    SyanImagePicker
    .asyncShowImagePicker(options)
    .then(photos => {
        // 选择成功
        console.log('当前选择的图片', photos);
    })
    .catch(err => {
        // 取消选择,err.message为"取消"
    })
  • 相关阅读:
    HTML5 向网页嵌入视频和音频
    HTML5中History.back()页面后退刷新页面
    阻止表单的默认提交事件
    SQL Server 2008带字段注释导入Power Designer 9.5
    CodeSmith将模板文件批量生成文件的方法(转)
    Nhibernate学习心得
    邮件发送代码
    Json的一些了解
    有关js的一个问题
    在IIS上启用Gzip压缩(HTTP压缩)
  • 原文地址:https://www.cnblogs.com/fanqiuzhuji/p/13356249.html
Copyright © 2011-2022 走看看