From 0d8ff49b7db53260aeb0ab6c6086e12499605a69 Mon Sep 17 00:00:00 2001 From: Dillon Ngo Date: Mon, 28 Oct 2024 19:53:28 +0800 Subject: [PATCH] Laravel Vapor - Debug uploading issue encountered on 20241016 --- .../general/forms/FileUploadComponent.vue | 14 ++++++++++++-- 1 file changed, 12 insertions(+), 2 deletions(-) diff --git a/resources/assets/vue/components/general/forms/FileUploadComponent.vue b/resources/assets/vue/components/general/forms/FileUploadComponent.vue index 844e16f2..5cf0d302 100644 --- a/resources/assets/vue/components/general/forms/FileUploadComponent.vue +++ b/resources/assets/vue/components/general/forms/FileUploadComponent.vue @@ -101,12 +101,22 @@ // const xlsIconUrl = "https://assets.izyim.com/public/images/icons/xlsx.png"; if(file.name.split('.').pop() === 'pdf'){ - $(file.previewElement).closest("img[data-dz-thumbnail]").attr("src", Vapor.asset("images/icons/pdf.png")); + //$(file.previewElement).closest("img[data-dz-thumbnail]").attr("src", Vapor.asset("images/icons/pdf.png")); + const thumbnailElement = file.previewElement.querySelector("[data-dz-thumbnail]"); + if (thumbnailElement) { + thumbnailElement.src = Vapor.asset("images/icons/pdf.png"); // Set the PDF icon as the thumbnail + } + console.log('pdf.png: ', $(file.previewElement).closest("img[data-dz-thumbnail]")); console.log('pdf.png: ', Vapor.asset("images/icons/pdf.png")); //$(file.previewElement).closest("img[data-dz-thumbnail]").attr("src", pdfIconUrl); } if(file.name.split('.').pop().indexOf("xls") !== -1){ - $(file.previewElement).closest("img[data-dz-thumbnail]").attr("src", Vapor.asset("images/icons/xlsx.png")); + // $(file.previewElement).closest("img[data-dz-thumbnail]").attr("src", Vapor.asset("images/icons/xlsx.png")); + const thumbnailElement = file.previewElement.querySelector("[data-dz-thumbnail]"); + if (thumbnailElement) { + thumbnailElement.src = Vapor.asset("images/icons/xlsx.png"); // Set the PDF icon as the thumbnail + } + console.log('xlsx.png: ', $(file.previewElement).closest("img[data-dz-thumbnail]")); console.log('xlsx.png: ', Vapor.asset("images/icons/xlsx.png")); //$(file.previewElement).closest("img[data-dz-thumbnail]").attr("src", xlsIconUrl); }