优化图片上传

This commit is contained in:
haomingming
2025-09-17 12:10:59 +08:00
parent 4076beccde
commit a67deea0f1
5 changed files with 43 additions and 9 deletions
+25 -5
View File
@@ -44,7 +44,7 @@ function formatTime(date) {
// 点击按钮触发的事件
function tapBtn(e, _this, pageType,from,isSmall=false) {
let btnType = e.target.dataset.type;
console.log("btnType: ", btnType)
let c = {};
switch (btnType) {
@@ -157,14 +157,21 @@ function formatTime(date) {
success: function (res) {
// 把单纯用户画的内容存好了
let src = res.tempFilePath;
// getFileSize(src)
// getFileSize(_this.data.background)
let ctx = wx.createCanvasContext('myCanvas',_this);
// console.log("tempCanvas:", ctx)
// console.log("_this.data.canvasWidth: ", _this.data.canvasWidth)
// console.log("_this.data.canvasHeight: ", _this.data.canvasHeight)
// 照片
ctx.drawImage(_this.data.background, 0, 0, _this.data.canvasWidth, _this.data.canvasHeight);
// 覆盖上画的内容
ctx.drawImage(src, 0, 0, _this.data.canvasWidth, _this.data.canvasHeight);
//let that=this
ctx.draw(false,function(){
_canvaseSaveToImg(_this,from);
_canvaseSaveToImg(_this,from,isSmall);
});
@@ -172,11 +179,24 @@ function formatTime(date) {
}
},_this);
} else {
_canvaseSaveToImg(_this,from);
_canvaseSaveToImg(_this,from,isSmall);
}
// }
}
// 获取临时文件大小
function getFileSize(filePath) {
wx.getFileInfo({
filePath: filePath,
success: (res) => {
console.log('文件信息:', res);
console.log('文件大小:', res.size/1024);
},
fail: (err) => {
console.error('获取文件信息失败:', err);
wx.showToast({ title: '获取文件大小失败', icon: 'none' });
}
});
}
function _canvaseSaveToImg(_this,from,isSmall) {
let that=_this;
console.log(from)
@@ -186,7 +206,7 @@ function formatTime(date) {
setTimeout(()=>{
wx.canvasToTempFilePath({
canvasId: 'myCanvas',
fileType:'png',
fileType:'jpg',
quality:isSmall?0.8:1,
success: function (res) {
// wx.previewImage({