How can I make sure the file is not corrupted after downloading?
P粉135292805
P粉135292805 2023-09-10 11:04:46
0
1
557

handleDownload()Function is added as an event handler (onclick) to the button so that the user can download the file. The user can download but the file is corrupted. How do we prevent file corruption?

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)) }

P粉135292805
P粉135292805

reply all (1)
P粉384366923

Since you already received the response as a Blob, there is no need to convert it to a Blob again, so try removing that part.

Try to replace:

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

so:

const blobURL= window.URL.createObjectURL(blob);
    Latest Downloads
    More>
    Web Effects
    Website Source Code
    Website Materials
    Front End Template
    About us Disclaimer Sitemap
    php.cn:Public welfare online PHP training,Help PHP learners grow quickly!