tk-factory-services/system1-factory/fastapi-bridge/static/js/factory-upload.js

import { API, getAuthHeaders } from '/js/api-config.js';

document.getElementById('uploadForm').addEventListener('submit', async (e) => {
  e.preventDefault();
  const formData = new FormData(e.target);

  try {
    // FormData를 사용할 때는 Content-Type을 설정하지 않음 (자동 설정됨)
    const token = localStorage.getItem('token');
    const res = await fetch(`${API}/factoryinfo`, {
      method: 'POST',
      headers: {
        'Authorization': `Bearer ${token}`
      },
      body: formData
    });
    
    if (!res.ok) {
      const error = await res.json();
      throw new Error(error.message || '등록 실패');
    }
    
    alert('등록 완료!');
    location.reload();
  } catch (err) {
    console.error(err);
    alert('등록 실패: ' + err.message);
  }
});

// 파일 선택 시 미리보기 (선택사항)
const fileInput = document.querySelector('input[name="map_image"]');
if (fileInput) {
  fileInput.addEventListener('change', function(e) {
    const file = e.target.files[0];
    
    if (file && file.type.startsWith('image/')) {
      // 미리보기 요소가 있을 경우에만 동작
      const preview = document.getElementById('file-preview');
      if (preview) {
        const reader = new FileReader();
        reader.onload = function(e) {
          preview.innerHTML = `<img src="${e.target.result}" alt="미리보기" style="max-width: 200px; max-height: 200px; border-radius: 8px;">`;
        };
        reader.readAsDataURL(file);
      }
    }
  });
}