更新记录

1.0.6（2023-11-29）

删除了我个人的oss信息，有老六用我oss信息上传图片视频，给我搞欠费了

1.0.5（2023-11-29）

新增接口上传方式

1.0.4（2023-07-20）

新增使用举例

平台兼容性

zjq-study

联系方式

有问题可加QQ:1544177291

新增接口上传方式

当action为uniCloud，上传方式为uniCloud,当action为空时，上传方式为前端直传oss,为具体的上传接口地址时，上传方式为接口上传

oss信息更换

uni-modules/zjq-upload/components/iz-aloss-uploader/config.js
按照配置文件里面的信息填写需要上传到的oss信息

上传图片及视频命名

uni-modules/zjq-upload/components/iz-aloss-uploader/iz-aloss-uploader.js
const aliyunFileKey = xmm + '/' + Typename + path + '.' + fix.replace('.', '');
该行代码为命名，可自己按照需求修改

还有一些其他参数可以自己到zjq-upload.vue中的props里面看

使用

html

  <zjq-upload v-model="ceshifun" closeImg="/static/cha.png" @onSuccess="dataurl"
    :listStyle="{columns: 3,columnGap: '20rpx',rowGap:'20rpx',padding:'10rpx',height:'200rpx',radius:'20rpx'}">
    <template v-slot:addImg> //这个插槽是用来换上传图片的图片的，更换自己的路径，也可以直接删掉
        <view>
            <image style="width: 200rpx;height: 200rpx;margin-left: 20rpx;" src="/static/public/shangchuan.png"
                mode="">
            </image>
        </view>
    </template>
  </zjq-upload>

data数据

data() {
            return {
                ceshifun: [],
            }
        },

js

 dataurl(e) {
    this.ceshifun.push({
        path: e
    })
 },