lux
/
firefish
mirror of https://firefish.dev/firefish/firefish.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'file-comression' into 'develop' 

feat: Compress PNG; detect and compare the size of compressed and uncompressed file

Co-authored-by: Lhcfl <Lhcfl@outlook.com>

See merge request firefish/firefish!10742
This commit is contained in:
Linca 2024-04-22 00:14:47 +00:00
parent 9acd130a22 99815e1af8
commit 3f6ff0d46d
1 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
packages/client/src/scripts/upload.ts
View File

@ -18,6 +18,7 @@ export const uploads = ref<Uploading[]>([]);
const compressTypeMap = {
"image/jpeg": { quality: 0.85, mimeType: "image/jpeg" },
"image/png": { quality: 0.85, mimeType: "image/jpeg" },
"image/webp": { quality: 0.85, mimeType: "image/png" },
"image/svg+xml": { quality: 1, mimeType: "image/png" },
} as const;
@ -52,7 +53,7 @@ export function uploadFile(
uploads.value.push(ctx);
let resizedImage: any;
let resizedImage: Blob | undefined;
if (!keepOriginal && file.type in compressTypeMap) {
const imgConfig = compressTypeMap[file.type];
@ -65,12 +66,17 @@ export function uploadFile(
try {
resizedImage = await readAndCompressImage(file, config);
ctx.name =
file.type !== imgConfig.mimeType
? `${ctx.name}.${
mimeTypeMap[compressTypeMap[file.type].mimeType]
}`
: ctx.name;
if (resizedImage.size > file.size) {
// if compression made the picture larger, give up compression
resizedImage = undefined;
} else {
ctx.name =
file.type !== imgConfig.mimeType
? `${ctx.name}.${
mimeTypeMap[compressTypeMap[file.type].mimeType]
}`
: ctx.name;
}
} catch (err) {
console.error("Failed to resize image", err);
}