平台兼容性

插件引入：

复制代码import nCompress from '@/components/n-compress/n-compress.vue'

复制代码// type=1
<!-- <n-compress ref="compress" :images="images" type="1" :quality="0.92" :outputWidth="100" :outputHeight="100" outputType="jpg" @upload="upload"/> -->

// type=2
<n-compress ref="compress" :images="images" type="2" :quality="0.92" :outputScale="10" outputType="jpg" @upload="upload"/>

复制代码components: { nCompress },

调用：

复制代码// 选择图片 将获取的res传递给组件
    toChooseImage () {
        this.$refs['compress'].urls.length = 0;
            uni.chooseImage({
                count:9,
                success :(res) => {
                    this.images = res
            }
        })
    },

结果:

复制代码// 上传
upload (props) {
    // #ifdef H5 || MP-WEIXIN
    console.log('压缩后图片base64:',props)
    // #endif

    // #ifdef APP-PLUS
    console.log('压缩后临时路径:',props)
    // #endif
    this.imagesUrls = props
}

参数说明：