Update imageUpload.js

imageUpload.js

@@ -1,7 +1,7 @@
 // 假设页面已经加载了image-compression库
 
-// JavaScript函数，用于上传图片并返回完整的URL地址
-function uploadImagesAndGetFullUrls(uploadEndpoint, hostUrl, files) {
+// JavaScript函数，用于上传单个图片并返回完整的URL地址
+function uploadImageAndGetFullUrl(uploadEndpoint, hostUrl, file) {
     const formData = new FormData();
 
     // 图片压缩功能
@@ -24,33 +24,14 @@ function uploadImagesAndGetFullUrls(uploadEndpoint, hostUrl, files) {
             });
     }
 
-    // 处理所有选中的文件
-    const compressPromises = files.map(compressImage);
-    const uphost = 'https://upimg.wook.eu.org';
-
-    return Promise.all(compressPromises)
-        .then(compressedFiles => {
-            compressedFiles.forEach(compressedFile => {
-                formData.append("files", 'file[]', compressedFile);
-            });
-
-            return fetch(`${uphost}${uploadEndpoint}`, {
-                method: 'POST',
-                body: formData
-            });
-        })
-        .then(response => {
-            if (!response.ok) {
-                throw new Error('网络响应不是OK状态');
-            }
-            return response.json();
-        })
-        .then(data => {
-            if (data.error) {
-                throw new Error(data.error);
-            }
-            return data.map(item => `${hostUrl}${item.src}`);
+    // 压缩图片并上传
+    return compressImage(file).then(compressedFile => {
+        formData.append('file', compressedFile);
+        return fetch(`${hostUrl}${uploadEndpoint}`, {
+            method: 'POST',
+            body: formData
         });
+    });
 }
 
 // 定义host URL和上传端点
@@ -80,20 +61,34 @@ document.addEventListener('DOMContentLoaded', function() {
 
     // 处理文件选择
     realFileInput.addEventListener('change', function() {
-        if (realFileInput.files.length > 0) {
+        const uploadPromises = Array.from(realFileInput.files).map(file => {
             // 调用函数上传图片并获取URL
-            uploadImagesAndGetFullUrls(uploadEndpoint, hostUrl, Array.from(realFileInput.files))
-                .then(fullUrls => {
-                    // 将获取到的URLs添加到文本区域
-                    urlTextArea.value = fullUrls.join('\n');
-
-                    // 使用新的URLs重新提交表单
-                    form.submit();
+            return uploadImageAndGetFullUrl(uploadEndpoint, hostUrl, file)
+                .then(response => {
+                    if (!response.ok) {
+                        throw new Error('网络响应不是OK状态');
+                    }
+                    return response.json();
                 })
-                .catch(error => {
-                    console.error('上传失败:', error);
+                .then(data => {
+                    if (data.error) {
+                        throw new Error(data.error);
+                    }
+                    return `${hostUrl}${data.src}`;
                 });
-        }
+        });
+
+        Promise.all(uploadPromises)
+            .then(fullUrls => {
+                // 将获取到的URLs添加到文本区域
+                urlTextArea.value = fullUrls.join('\n');
+
+                // 使用新的URLs重新提交表单
+                form.submit();
+            })
+            .catch(error => {
+                console.error('上传失败:', error);
+            });
     });
 });