uni-app 图片上传压缩方法 拍照图片过大

Posted 2023-05-01

参考技术A // 单张压缩

this.$refs.helangCompress.compress(

src: res.tempFilePaths[0],

maxSize: 800,

fileType: 'jpg',

quality: 0.85,

minSize: 640 //最小压缩尺寸，图片尺寸小于该时值不压缩，非H5平台有效。若需要忽略该设置，可设置为一个极小的值，比如负数。

).then((res) =>

// 压缩成功回调

this.uesApp(res);

).catch((err) =>

// 压缩失败回调

this.popupTrue1 = false;

uni.showToast(

icon: "none",

title: '图片过大！',

duration: 3000

)

)

uni-app上传图片（七牛云，app）

uni.chooseImage(OBJECT)：从本地相册选择图片或使用相机拍照。

uni.uploadFile(OBJECT)：将本地资源上传到开发者服务器，客户端发起一个 POST 请求，其中 content-type 为 multipart/form-data。

uni.chooseImage({
count: 1,
sizeType: [‘original‘, ‘compressed‘], //可以指定是原图还是压缩图，默认二者都有
sourceType: [‘album‘], //从相册选择
success: res => {
console.log(res);
uni.uploadFile({
url: ‘ http://upload.qiniup.com/‘,
filePath: this.filePath.concat(res.tempFilePaths).toString(),
name: ‘file‘,
formData: {
key: Math.round(new Date() / 1000),
token: this.token
},
success: result => {
this.producImg = res.tempFiles[0].path;
console.log(result.data.key);
this.httpImg = ‘http://‘ + this.http + ‘/‘ + Math.round(new Date() / 1000);
}
});
},
fail() {
uni.showToast({
title: ‘chooseImage fail‘,
duration: 3000,
icon: ‘none‘
});
},
error: e => {
console.log(e);
}
});