On my webpage, I am downloading google drive files via the following approach:
https://drive.google.com/uc?export=download&id=${fileId}
However, this only works on computers. On phones (such as an android), it opens up google drive instead of downloading the file.
On the other hand, if I paste the link on my phone’s browser, it downloads as expected instead of opening google drive.
One solution that seems to work even on phones is by using google drive api:
https://www.googleapis.com/drive/v3/files/FILE_ID?alt=media&key=YOUR_API_KEY
However, the name of the downloaded file is set to the file ID instead of the file name.
I’ve seen an answer which says to use Content-Disposition headers to set the file name, however, I do not have any server-side support, and apparently I will need expressjs to set content headers (Please tell me if I’m wrong) . My webpage has to be client-side only.
So how do I obtain a google drive download link that:
- Works everywhere without opening google drive (iPhone/iPads are an exception as they don’t allow downloads)
- Lets me keep or set the file name instead of setting the file id as the downloaded file name.