更新记录

1.0.0（2024-02-26） 下载此版本

• 小程序上传图片到OSS

平台兼容性

uni-app

其他

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