feat: 头像预压缩尺寸由 50x50 调整为 96x96
This commit is contained in:
1 parent
0559a5d883
commit
0d3745cd04
3 files changed
+4
-4
No files matched your search
@@ -5,8 +5,8 @@
|
|||||||
* 上传前压成 AVATAR_UPLOAD_SIZE 见方的 JPEG,可显著减少请求体体积。
|
* 上传前压成 AVATAR_UPLOAD_SIZE 见方的 JPEG,可显著减少请求体体积。
|
||||||
*/
|
*/
|
||||||
|
|
||||||
/** 头像上传目标边长(正方形,px) */
|
/** 头像上传目标边长(正方形,px):覆盖编辑预览 96px 与列表/成员 38/30px */
|
||||||
export const AVATAR_UPLOAD_SIZE = 50
|
export const AVATAR_UPLOAD_SIZE = 96
|
||||||
|
|
||||||
/** 载入图片为可绘制源(优先 ImageBitmap,回退 HTMLImageElement) */
|
/** 载入图片为可绘制源(优先 ImageBitmap,回退 HTMLImageElement) */
|
||||||
async function LoadImageSource(file: File): Promise<ImageBitmap | HTMLImageElement> {
|
async function LoadImageSource(file: File): Promise<ImageBitmap | HTMLImageElement> {
|
||||||
|
|||||||
@@ -41,7 +41,7 @@ async function handleAvatarChange(e: Event): Promise<void> {
|
|||||||
if (avatarUploading.value) return
|
if (avatarUploading.value) return
|
||||||
avatarUploading.value = true
|
avatarUploading.value = true
|
||||||
try {
|
try {
|
||||||
// 前端预压缩为 50×50 JPEG,降低上传体积与延迟(后端仍会再规范化)
|
// 前端预压缩为 96×96 JPEG,降低上传体积与延迟(后端仍会再规范化)
|
||||||
await uploadAvatar(await compressImageSquare(file))
|
await uploadAvatar(await compressImageSquare(file))
|
||||||
avatarVersion.value++
|
avatarVersion.value++
|
||||||
ElMessage.success('头像修改成功')
|
ElMessage.success('头像修改成功')
|
||||||
|
|||||||
@@ -766,7 +766,7 @@ async function OnAvatarPicked(event: Event): Promise<void> {
|
|||||||
}
|
}
|
||||||
AvatarUploading.value = true
|
AvatarUploading.value = true
|
||||||
try {
|
try {
|
||||||
// 前端预压缩为 50×50 JPEG 后上传,降低体积与延迟
|
// 前端预压缩为 96×96 JPEG 后上传,降低体积与延迟
|
||||||
const result = await uploadTalkAttachment(await compressImageSquare(file))
|
const result = await uploadTalkAttachment(await compressImageSquare(file))
|
||||||
AvatarSHA1.value = result.SHA1
|
AvatarSHA1.value = result.SHA1
|
||||||
AvatarPreview.value = buildTalkAssetUrl(result.SHA1)
|
AvatarPreview.value = buildTalkAssetUrl(result.SHA1)
|
||||||
|
|||||||
Reference in new issue
Block a user