Update imageUpload.js
Browse files- imageUpload.js +3 -28
imageUpload.js
CHANGED
@@ -62,40 +62,15 @@ const uploadEndpoint = '/upload';
|
|
62 |
document.addEventListener('DOMContentLoaded', function() {
|
63 |
const form = document.querySelector('form');
|
64 |
const urlTextArea = document.querySelector('textarea[name="imageUrls"]');
|
65 |
-
const
|
66 |
|
67 |
-
|
|
|
68 |
// 检查URL文本区域是否为空
|
69 |
if (urlTextArea.value.trim() === '') {
|
70 |
// 阻止表单的默认提交行为
|
71 |
event.preventDefault();
|
72 |
|
73 |
-
// 如果没有选择文件,则打开文件选择框
|
74 |
-
if (fileInput.files.length === 0) {
|
75 |
-
fileInput.click();
|
76 |
-
} else {
|
77 |
-
// 调用函数上传图片并获取URL
|
78 |
-
uploadImagesAndGetFullUrls('imageFileInput', uploadEndpoint, hostUrl)
|
79 |
-
.then(fullUrls => {
|
80 |
-
// 将获取到的URLs添加到文本区域
|
81 |
-
urlTextArea.value = fullUrls.join('\n');
|
82 |
-
|
83 |
-
// 使用新的URLs重新提交表单
|
84 |
-
form.submit();
|
85 |
-
})
|
86 |
-
.catch(error => {
|
87 |
-
console.error('上传失败:', error);
|
88 |
-
});
|
89 |
-
}
|
90 |
-
}
|
91 |
-
});
|
92 |
-
|
93 |
-
// 监听文件输入的变化
|
94 |
-
fileInput.addEventListener('change', function() {
|
95 |
-
if (fileInput.files.length > 0) {
|
96 |
-
// 阻止表单的默认提交行为
|
97 |
-
event.preventDefault();
|
98 |
-
|
99 |
// 调用函数上传图片并获取URL
|
100 |
uploadImagesAndGetFullUrls('imageFileInput', uploadEndpoint, hostUrl)
|
101 |
.then(fullUrls => {
|
|
|
62 |
document.addEventListener('DOMContentLoaded', function() {
|
63 |
const form = document.querySelector('form');
|
64 |
const urlTextArea = document.querySelector('textarea[name="imageUrls"]');
|
65 |
+
const addButton = document.querySelector('input[name="add"]');
|
66 |
|
67 |
+
// 修改“批量添加图片”按钮的事件监听器
|
68 |
+
addButton.addEventListener('click', function(event) {
|
69 |
// 检查URL文本区域是否为空
|
70 |
if (urlTextArea.value.trim() === '') {
|
71 |
// 阻止表单的默认提交行为
|
72 |
event.preventDefault();
|
73 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
74 |
// 调用函数上传图片并获取URL
|
75 |
uploadImagesAndGetFullUrls('imageFileInput', uploadEndpoint, hostUrl)
|
76 |
.then(fullUrls => {
|