Olá, atualmente realizei um workround para tratar um problema de downloads usando javascript (Vue) para os navegadores do IOS Safari e Chrome. Até aí tudo bem, o Safari funciona 100%, porém no Chrome IOS ao fazer o download o arquivo não vem com o nome que eu quero, alguém poderia me ajudar a resolver este problema?
Requisição:
export const downloadComprovante = comprovanteHash => {
return http.get(
`/baixar-comprovante/${comprovanteHash}`,
{
responseType: 'arraybuffer',
headers: {'Content-Type': 'application/pdf', 'Content-Disposition': 'Attachment; filename=\"comprovante.pdf\"'},
data: {} // https://github.com/mzabriskie/axios/issues/86
}
).then(response => {
return new Blob([response.data], { type: 'application/pdf' }) // eslint-disable-line no-undef
})
}
Chamando a requisição:
...
this.downloadComprovante(comprovanteHash).then(blob => {
this.downloadBlob(blob, 'comprovante.pdf')
}).catch(() => {
//mostra erro
}).finally(() => {
//fecha o loading
})
...
Função de download:
export const downloadBlobMixin = {
methods: {
isIos () {
return /(iPad|iPhone|iPod).*WebKit/.test(window.navigator.userAgent)
},
downloadBlob (blob, filename) {
if (this.isIos()) {
const reader = new FileReader()
reader.fileName = filename
reader.typeFile = blob.type
reader.onload = e => {
const url = e.target.result
this.createLinkDownload(url, filename)
}
reader.readAsDataURL(blob)
return
}
const url = window.URL.createObjectURL(blob)
this.createLinkDownload(url, filename)
},
createLinkDownload (url, filename) {
const link = document.createElement('a')
link.href = url
link.download = filename
document.body.appendChild(link)
link.click()
window.URL.revokeObjectURL(url)
setTimeout(() => {
// For Firefox it is necessary to delay revoking the ObjectURL
document.body.removeChild(link);
window.URL.revokeObjectURL(url);
}, 100)
}
}
}
Exemplo do download no Chrome IOS (nome 'document' e sem extensão):
Attachment; filename=comprovante.pdf
? – Bruno Warmling 14/04/20 às 13:29