// 设置图片上传功能 // 图片上传功能 export function setupImageUpload() { // 这个函数为未来可能的拖放上传功能预留 // 目前基本的图片上传功能已经在templateRenderer.js中实现 // 未来可以添加: // 1. 拖放上传 // 2. 图片裁剪 // 3. 图片滤镜 // 4. 图片调整大小 // 示例: 如果添加拖放上传功能 /* const uploadPreviews = document.querySelectorAll('.upload-preview'); uploadPreviews.forEach(preview => { preview.addEventListener('dragover', (e) => { e.preventDefault(); preview.classList.add('drag-over'); }); preview.addEventListener('dragleave', () => { preview.classList.remove('drag-over'); }); preview.addEventListener('drop', (e) => { e.preventDefault(); preview.classList.remove('drag-over'); const files = e.dataTransfer.files; if (files.length > 0 && files[0].type.startsWith('image/')) { // 找到对应的input元素 const inputId = preview.querySelector('img').id.replace('preview-', 'field-'); const input = document.getElementById(inputId); if (input) { // 触发input的change事件 const dataTransfer = new DataTransfer(); dataTransfer.items.add(files[0]); input.files = dataTransfer.files; // 手动触发change事件 const event = new Event('change', { bubbles: true }); input.dispatchEvent(event); } } }); }); */ }