Vue - 파일 다운로드 구현
우선 백엔드에서 파일 흐름이 되돌아오는지 링크를 직접 터치하는지 구분해서 다운로드해야 한다.링크의 다운로드를 직접 터치하면 간단합니다. 되돌아오는 URL을 a탭의 URL 속성에 주어도 됩니다.
파일 흐름이라면 전단을 다시 한 번 처리해야만 다운로드를 할 수 있다.
// blob
// blob fileName
function downFiles(blob, fileName) {
let link = document.createElement('a')
link.href = window.URL.createObjectURL(blob)
link.download = fileName
link.click()
window.URL.revokeObjectURL(link.href)
}
api("down", formData, "post", "blob").then(function(res) {
let blob = new Blob([res.data], {
type: '*'
})
let fileName = ' '
_this.$tool.downFiles(blob, fileName)
_this.isDown = false
})
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
[백견불여일타/Vue.js] 4장 - 입력 폼 데이터 가져오기v-model 데이터 입력 select 지난 장에서는 v-bind를 이용해서 HTML 태그 속성 값을 Vue로 다루는 법을 배웠습니다. 이번에는 사용자가 입력한 데이터를 Vue로 가져오는 법에 대해 다룹니다. 웹 페...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
