更新记录

1.0.0(2024-02-26) 下载此版本

  • 小程序上传图片到OSS

平台兼容性

Vue2 Vue3
App 快应用 微信小程序 支付宝小程序 百度小程序 字节小程序 QQ小程序
× × × × ×
钉钉小程序 快手小程序 飞书小程序 京东小程序
× × × ×
H5-Safari Android Browser 微信浏览器(Android) QQ浏览器(Android) Chrome IE Edge Firefox PC-Safari

zh-upload

代码示例

<template>
    <view>
        <zh-upload v-model="imageValue"></zh-upload>
    </view>
</template>

<script>
    import ZhUpload from "@/uni_modules/zh-upload/components/zh-upload/zh-upload.vue"
    export default {
        components: {
            ZhUpload
        },
        data() {
            return {
                imageValue: [{
                    url:'https://qiniu-web-assets.dcloud.net.cn/unidoc/zh/uni.png'
                }]
            }
        },
        methods: {

        }
    }
</script>

使用说明

1.找到@/uni_modules/zh-upload/components/zh-upload/zh-upload.vue文件修改以下内容

/**
         * 以下参数从接口获取
         * host 填写存储空间的访问域名         
         * signature 签名中获取
         * ossAccessKeyId 你的AccessKey ID
         * policy 签名中获取
         * securityToken 若使用STS认证,此项填写客户端签名时获取到的SecurityToken
         * key 设置文件上传至OSS后的文件路径
         */
        const host = '<host>';
        const signature = '<signatureString>';
        const ossAccessKeyId = '<accessKey>';
        const policy = '<policyBase64Str>';
        const securityToken = '<x-oss-security-token>';
        const key = '<object name>'

Props

参数 说明 类型 默认值
v-model 组件数据,通常用来回显 Array -
disabled 组件禁用 Boolean false
readonly 组件只读,不可选择,不显示删除按钮 Boolean false
del-icon 是否显示删除按钮 Boolean false
limit 最大选择个数 ,h5 会自动忽略多选的部分 Number\String 9

隐私、权限声明

1. 本插件需要申请的系统权限列表:

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明:

插件不采集任何数据

3. 本插件是否包含广告,如包含需详细说明广告表达方式、展示频率:

许可协议

MIT协议

暂无用户评论。

使用中有什么不明白的地方,就向插件作者提问吧~ 我要提问