更新记录
1.0.1(2024-05-14)
下载此版本
1.0.1
1.0.0(2024-05-14)
下载此版本
1.0.0
平台兼容性
App |
快应用 |
微信小程序 |
支付宝小程序 |
百度小程序 |
字节小程序 |
QQ小程序 |
app-vue app-nvue |
× |
√ |
√ |
√ |
√ |
√ |
钉钉小程序 |
快手小程序 |
飞书小程序 |
京东小程序 |
√ |
√ |
√ |
√ |
H5-Safari |
Android Browser |
微信浏览器(Android) |
QQ浏览器(Android) |
Chrome |
IE |
Edge |
Firefox |
PC-Safari |
√ |
√ |
√ |
√ |
√ |
√ |
× |
√ |
√ |
自己下载组件放到自己的项目,引用即可,下面是使用例子
<template>
<view>
<!-- 组件只压缩图片,不占用页面位置 -->
<kk-img-size :quality="0.2" ref="imgsize" @resimg="resimg"></kk-img-size>
</view>
</template>
<script>
export default {
methods: {
// 选择要压缩的图片
select() {
uni.chooseImage({
count: 1,
sizeType: ['compressed'],
success: (res) => {
const filePath = res.tempFilePaths[0]
// 调用组件的压缩方法getImageInfo,传参: 图片文件临时路径、图片url
this.$refs.imgsize.getImageInfo(filePath)
},
});
},
// 图片压缩完成后回调:回调 新图片文件的临时路径
resimg(url) {
console.log('压缩后返回的图片临时路径:', url);
uni.uploadFile({
url: 'https://xxxxxxxx', // 上传图片API接口地址
filePath: e,
success: Result => {
console.log('图片上传到服务器成功');
}
});
}
},
}
</script>