This commit is contained in:
DESKTOP-1R2VSQH\Lenovo ThinkPad E490 2026-02-09 16:48:05 +07:00
parent e6cc3142c5
commit 936a306c75

View file

@ -20,32 +20,36 @@ async function genReport(data: any, fileName: string, type: string = "docx") {
responseType: "arraybuffer", responseType: "arraybuffer",
}) })
.then((res) => { .then((res) => {
const data = res.data; const responseData = res.data;
if (data) { if (responseData) {
// สร้าง Blob จาก array buffer // --- ส่วนที่ปรับปรุง 1: กำหนด MIME Type ให้ตรงกับไฟล์ที่รับมาจริง ---
const blob = new Blob([data], { const mimeType =
type: "application/vnd.openxmlformats-officedocument.wordprocessingml.document", type === "docx"
}); ? "application/vnd.openxmlformats-officedocument.wordprocessingml.document"
: "application/pdf";
// สร้าง URL สำหรับไฟล์ Blob const blob = new Blob([responseData], { type: mimeType });
const url = URL.createObjectURL(blob); const url = URL.createObjectURL(blob);
// 1. ตัดนามสกุลเดิมที่ติดมากับ fileName ออก (ถ้ามี) // --- ส่วนที่ปรับปรุง 2: จัดการชื่อไฟล์ (ป้องกันนามสกุลซ้อน) ---
const baseName = fileName.replace(/\.[^/.]+$/, ""); // ตัดช่องว่างหัวท้าย และตัดนามสกุลไฟล์เดิมที่อาจติดมาออก (.pdf, .docx ฯลฯ)
const baseName = fileName.trim().replace(/\.[^/.]+$/, "");
// 2. กำหนดนามสกุลใหม่ตามเงื่อนไข
const extension = type === "docx" ? "docx" : "pdf"; const extension = type === "docx" ? "docx" : "pdf";
// สร้างลิงก์เพื่อดาวน์โหลดไฟล์
const link = document.createElement("a"); const link = document.createElement("a");
link.href = url; link.href = url;
link.download = `${baseName}.${extension}`; link.download = `${baseName}.${extension}`;
// link.download = `${fileName}.${type === "docx" ? "docx" : "pdf"}`; // กำหนดชื่อไฟล์ที่จะดาวน์โหลด
// --- ส่วนที่ปรับปรุง 3: สำหรับ Android/Mobile ---
// บางครั้งการ click() ทันทีอาจถูก block หรือมีปัญหา ต้อง append เข้าไปจริงๆ
document.body.appendChild(link); document.body.appendChild(link);
link.click(); link.click();
// ลบ URL ที่สร้างขึ้นหลังจากใช้งาน // หน่วงเวลาเล็กน้อยก่อนลบ element และ revoke URL เพื่อให้ Browser ทำงานเสร็จ
URL.revokeObjectURL(url); setTimeout(() => {
document.body.removeChild(link);
URL.revokeObjectURL(url);
}, 100);
} }
}) })
.catch((err) => { .catch((err) => {