Update index.js

index.js

@@ -1,7 +1,7 @@
 const express = require('express');
 const multer = require('multer');
 const JSZip = require('jszip');
-const { createCanvas } = require('canvas');
+const sharp = require('sharp');
 const crypto = require('crypto');
 const app = express();
 
@@ -74,29 +74,29 @@ app.post('/upload', upload.single('file'), async (req, res) => {
     const zipBuffer = await zip.generateAsync({ type: 'nodebuffer' });
 
     // 创建包含文件信息的表格图片
-    const width = 400;
-    const height = 300;
-    const canvas = createCanvas(width, height);
-    const ctx = canvas.getContext('2d');
-    ctx.fillStyle = '#FFFFFF';
-    ctx.fillRect(0, 0, width, height);
-    ctx.fillStyle = '#000000';
-    ctx.font = '20px Microsoft YaHei';
-
     const text = `
       File Name: ${fileName}
       File Type: ${fileType}
       File Size: ${fileBuffer.length} bytes
       Created At: ${new Date().toLocaleString()}
     `;
-    ctx.fillText(text.trim(), 10, 100);
-    const rawImageData = canvas.toBuffer('image/jpeg', { quality: 0.75 });
-    const finalBuffer = Buffer.concat([rawImageData, zipBuffer]);
-    //const outputFileName = encodeURIComponent(fileName.replace(/\.[^/.]+$/, "") + '-pic.zip.jpg');
+    const imageBuffer = await sharp({
+      create: {
+        width: 400,
+        height: 300,
+        channels: 4,
+        background: { r: 255, g: 255, b: 255, alpha: 1 }
+      }
+    })
+      .composite([{ input: Buffer.from(text), top: 10, left: 10 }])
+      .jpeg()
+      .toBuffer();
+
+    const finalBuffer = Buffer.concat([imageBuffer, zipBuffer]);
 
     // 生成随机的哈希值作为文件名
     const hash = crypto.randomBytes(16).toString('hex');
-    const outputFileName = encodeURIComponent(hash + '-pic.zip.jpg');
+    const outputFileName = encodeURI(hash + '-pic.zip.jpg');
 
     res.setHeader('Content-Type', 'image/jpeg');
     res.setHeader('Content-Disposition', `attachment; filename="${outputFileName}"`);
@@ -110,4 +110,4 @@ app.post('/upload', upload.single('file'), async (req, res) => {
 const PORT = process.env.PORT || 7860;
 app.listen(PORT, () => {
   console.log(`Server running on port ${PORT}`);
-});
+});