Bagaimanakah saya boleh memastikan fail tidak rosak selepas memuat turun?

Question

handleDownload() Fungsi ditambah sebagai pengendali acara (onclick) pada butang supaya pengguna boleh memuat turun fail. Pengguna boleh memuat turun tetapi fail rosak. Bagaimanakah kita menghalang rasuah fail?

function handleDownload(){  
    const domain = window.location.origin;
    const url =`${domain}/images/athar.pdf`
    fetch(url).
    then(response=>response.blob()).
    then(blob=>{
      const blobURL= window.URL.createObjectURL(
        new Blob([blob]))

      const filename = 'athar.pdf'
      const aTag  = document.createElement('a')
      aTag.href=blobURL
      aTag.setAttribute('download',filename)
    
      document.body.appendChild(aTag)
      aTag.click()
      aTag.remove()
      }).
    catch(e=>console.log(e))

            
  }

Answer 1

Memandangkan anda sudah menerima respons sebagai Blob, tidak perlu menukarnya kepada Blob sekali lagi, jadi cuba alih keluar bahagian itu.

Cuba gantikan:

const blobURL= window.URL.createObjectURL(
    new Blob([blob]))

Seperti ini:

const blobURL= window.URL.createObjectURL(blob);