关于下载文件上传文件
<a-upload
:customRequest="customRequest"
:multiple="true"
:showUploadList="false"
name="file"
v-if="hasPerm('sysFileInfo:upload')"
>
<a-button> <a-icon type="upload" />上传文件</a-button>
</a-upload>
js
/**
* 上传文件
*/
customRequest (data) {
const formData = new FormData()
formData.append('file', data.file)
sysFileInfoUpload(formData).then((res) => {
if (res.success) {
this.$message.success('上传成功')
this.$refs.table.refresh()
} else {
this.$message.error('上传失败:' + res.message)
}
})
},
Blob转换
downloadfile (res) {
var blob = new Blob([res.data], { type: 'application/octet-stream;charset=UTF-8' })
var contentDisposition = res.headers['content-disposition']
var patt = new RegExp('filename=([^;]+\\.[^\\.;]+);*')
var result = patt.exec(contentDisposition)
var filename = result[1]
var downloadElement = document.createElement('a')
var href = window.URL.createObjectURL(blob) // 创建下载的链接
var reg = /^["](.*)["]$/g
downloadElement.style.display = 'none'
downloadElement.href = href
downloadElement.download = decodeURI(filename.replace(reg, '$1')) // 下载后文件名
document.body.appendChild(downloadElement)
downloadElement.click() // 点击下载
document.body.removeChild(downloadElement) // 下载完成移除元素
window.URL.revokeObjectURL(href)
},
浙公网安备 33010602011771号