src/composables/downloadFile.js

@@ -1,11 +1,28 @@
 import { useSession } from 'src/composables/useSession';
 import { getUrl } from './getUrl';
+import axios from 'axios';
+import { exportFile } from 'quasar';
 
 const { getTokenMultimedia } = useSession();
 const token = getTokenMultimedia();
 
 export async function downloadFile(id, model = 'dms', urlPath = '/downloadFile', url) {
-    let appUrl = await getUrl('', 'lilium');
-    appUrl = appUrl.replace('/#/', '');
-    window.open(url ?? `${appUrl}/api/${model}/${id}${urlPath}?access_token=${token}`);
+    try {
+        const appUrl = (await getUrl('', 'lilium')).replace('/#/', '');
+        const response = await axios.get(
+            url ?? `${appUrl}/${model}/${id}${urlPath}?access_token=${token}`,
+            { responseType: 'blob' }
+        );
+
+        const contentDisposition = response.headers['content-disposition'];
+        const matches = /filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/.exec(contentDisposition);
+        const filename =
+            matches != null && matches[1]
+                ? matches[1].replace(/['"]/g, '')
+                : 'downloaded-file';
+
+        exportFile(filename, response.data);
+    } catch (error) {
+        console.error('Error downloading the file', error);
+    }
 }