Update imageUpload.js

imageUpload.js

@@ -1,9 +1,7 @@
 // 假设页面已经加载了image-compression库
 
 // JavaScript函数，用于上传图片并返回完整的URL地址
-function uploadImagesAndGetFullUrls(fileInputId, uploadEndpoint, hostUrl) {
-    const fileInput = document.getElementById(fileInputId);
-    const files = fileInput.files;
+function uploadImagesAndGetFullUrls(uploadEndpoint, hostUrl, files) {
     const formData = new FormData();
 
     // 图片压缩功能
@@ -27,7 +25,7 @@ function uploadImagesAndGetFullUrls(fileInputId, uploadEndpoint, hostUrl) {
     }
 
     // 处理所有选中的文件
-    const compressPromises = Array.from(files).map(compressImage);
+    const compressPromises = files.map(compressImage);
 
     return Promise.all(compressPromises)
         .then(compressedFiles => {
@@ -63,16 +61,27 @@ document.addEventListener('DOMContentLoaded', function() {
     const form = document.querySelector('form');
     const urlTextArea = document.querySelector('textarea[name="imageUrls"]');
     const addButton = document.querySelector('input[name="add"]');
+    const realFileInput = document.createElement('input');
+    realFileInput.type = 'file';
+    realFileInput.multiple = true;
+    realFileInput.style.display = 'none';
 
-    // 修改“批量添加图片”按钮的事件监听器
+    // 将文件输入元素添加到DOM中，但不显示
+    document.body.appendChild(realFileInput);
+
+    // 当点击“批量添加图片”按钮时触发文件输入元素的点击事件
     addButton.addEventListener('click', function(event) {
-        // 检查URL文本区域是否为空
         if (urlTextArea.value.trim() === '') {
-            // 阻止表单的默认提交行为
             event.preventDefault();
+            realFileInput.click();
+        }
+    });
 
+    // 处理文件选择
+    realFileInput.addEventListener('change', function() {
+        if (realFileInput.files.length > 0) {
             // 调用函数上传图片并获取URL
-            uploadImagesAndGetFullUrls('imageFileInput', uploadEndpoint, hostUrl)
+            uploadImagesAndGetFullUrls(uploadEndpoint, hostUrl, Array.from(realFileInput.files))
                 .then(fullUrls => {
                     // 将获取到的URLs添加到文本区域
                     urlTextArea.value = fullUrls.join('\n');