签名问题
This commit is contained in:
parent
dc072e0d79
commit
4100c79114
|
|
@ -91,30 +91,24 @@ const getSignData = () => {
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
|
|
||||||
function base64ToBlob(base64Data) {
|
|
||||||
// 分离Base64的MIME类型和实际数据
|
|
||||||
const parts = base64Data.split(';base64,');
|
|
||||||
const contentType = parts[0].split(':')[1];
|
|
||||||
const raw = window.atob(parts[1]);
|
|
||||||
const rawLength = raw.length;
|
|
||||||
const uInt8Array = new Uint8Array(rawLength);
|
|
||||||
|
|
||||||
for (let i = 0; i < rawLength; ++i) {
|
|
||||||
uInt8Array[i] = raw.charCodeAt(i);
|
|
||||||
}
|
|
||||||
|
|
||||||
return new Blob([uInt8Array], { type: contentType });
|
|
||||||
}
|
|
||||||
|
|
||||||
function blobToFile(blob, fileName) {
|
|
||||||
return new File([blob], fileName, { type: blob.type });
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
// 签名完成
|
// 签名完成
|
||||||
const complete = (e) => {
|
const complete = (e) => {
|
||||||
signType.value = 0
|
signType.value = 0
|
||||||
console.log(e) // 返回本地生成的base图片路径
|
// console.log(e) // 返回本地生成的base图片路径
|
||||||
|
const img = new Image()
|
||||||
|
img.src = e
|
||||||
|
img.onload = () => {
|
||||||
|
const canvas = document.createElement('canvas')
|
||||||
|
canvas.width = img.width
|
||||||
|
canvas.height = img.height
|
||||||
|
const ctx = canvas.getContext('2d')
|
||||||
|
ctx.drawImage(img, 0, 0)
|
||||||
|
|
||||||
|
// 转换为 WebP 格式,质量 0.8
|
||||||
|
const webpBase64 = canvas.toDataURL('image/webp', 0.8)
|
||||||
|
|
||||||
|
console.log('🚀 ~ WebP base64:', webpBase64)
|
||||||
|
}
|
||||||
uploadImg2(e)
|
uploadImg2(e)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -148,29 +142,9 @@ const handlePhoto = () => {
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
// 上传
|
// 上传
|
||||||
const uploadImg2 = (base64Data) => {
|
const uploadImg2 = async (base64Data) => {
|
||||||
// 1. 将Base64转换为Blob
|
|
||||||
const blob = base64ToBlob(base64Data);
|
|
||||||
|
|
||||||
// 2. 将Blob转换为File(uni-app的uploadFile也可以直接使用Blob)
|
|
||||||
const file = blobToFile(blob, 'image.png');
|
|
||||||
console.log('🚀 ~ uploadImg ~ file:', file)
|
|
||||||
|
|
||||||
// 3. 创建FormData(H5环境下需要)
|
|
||||||
const formData = new FormData();
|
|
||||||
formData.append('file', file);
|
|
||||||
uni.uploadFile({
|
|
||||||
url: '/file/upload',
|
|
||||||
// filePath: file,
|
|
||||||
name: 'file',
|
|
||||||
formData: formData,
|
|
||||||
header: {
|
|
||||||
// Authorization: this.token,
|
|
||||||
},
|
|
||||||
success: async (res) => {
|
|
||||||
console.log('🚀 ~ uploadImg ~ res:', res)
|
|
||||||
try {
|
try {
|
||||||
const signUrl = JSON.parse(res.data).data.url
|
const signUrl = base64Data
|
||||||
if (opts.isLease) {
|
if (opts.isLease) {
|
||||||
const params = {
|
const params = {
|
||||||
id: opts.id,
|
id: opts.id,
|
||||||
|
|
@ -207,11 +181,6 @@ const uploadImg2 = (base64Data) => {
|
||||||
icon: 'none',
|
icon: 'none',
|
||||||
})
|
})
|
||||||
}
|
}
|
||||||
},
|
|
||||||
fail: (err) => {
|
|
||||||
console.log('🚀 ~ uploadImg ~ err:', err)
|
|
||||||
},
|
|
||||||
})
|
|
||||||
}
|
}
|
||||||
const uploadImg = (path) => {
|
const uploadImg = (path) => {
|
||||||
uni.uploadFile({
|
uni.uploadFile({
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue