FIO-9207: Fix image preview for file component when using google drive

formio · Jan 22, 2025 · aea85eb · aea85eb
1 parent fe540f4
commit aea85eb
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/src/components/file/File.js b/src/components/file/File.js
@@ -118,7 +118,8 @@ export default class FileComponent extends Field {
     if (this.component.privateDownload) {
       fileInfo.private = true;
     }
-    return this.fileService.downloadFile(fileInfo).then((result) => result.url);
+    // pass the component to the downloadFile method
+    return this.fileService.downloadFile(fileInfo, this.component).then((result) => result.url);
   }
 
   get emptyValue() {

diff --git a/src/providers/storage/googleDrive.js b/src/providers/storage/googleDrive.js
@@ -60,10 +60,11 @@ function googledrive(formio) {
         xhr.send(fd);
       }));
     },
-    downloadFile(file) {
+    downloadFile(file, component) {
       const token = formio.getToken();
+      // Constructed the url with the fileId, fileName, displayImage, imageSize if applicable
       file.url =
-        `${formio.formUrl}/storage/gdrive?fileId=${file.id}&fileName=${file.originalName}${token ? `&x-jwt-token=${token}` : ''}`;
+        `${formio.formUrl}/storage/gdrive?fileId=${file.id}&fileName=${file.originalName}${token ? `&x-jwt-token=${token}` : ''}${component.image ? '&displayImage=true' : ''}${component.imageSize ? `&imageSize=${component.imageSize}` : ''}`;
       return Promise.resolve(file);
     },
     deleteFile: function deleteFile(fileInfo) {