Download file via js

.js

async function downloadPDF() {
  if (props.attachment) {
    try {
      // Extract the filename from the attachment URL.
      const filename = props.attachment.substring(props.attachment.lastIndexOf('/') + 1)

      // Send a GET request to the PDF URL.
      const response = await fetch(props.attachment)

      if (!response.ok)
        throw new Error(`HTTP error! Status: ${response.status}`)

      const blob = await response.blob()

      // Create a temporary URL for the blob.
      const url = window.URL.createObjectURL(blob)

      // Create an anchor element to trigger the download.
      const a = document.createElement('a')
      a.href = url
      a.download = filename // Use the extracted filename.

      // Trigger a click event to start the download.
      a.click()

      // Clean up by revoking the temporary URL.
      window.URL.revokeObjectURL(url)
    }
    catch (error) {
      console.error('Error downloading PDF:', error)
      // Handle the error, e.g., show an error message to the user.
    }
  }
}