[Node.js] url로 img Download

이미지를 axios로 blob 데이터로 받아와

dom에 직접 image를 생성 후 그 dom을 클릭하여 a tag의 href를 클릭한 효과를 만들어 다운 받는다.

 

axios({
            url: decodeURIComponent(url),
            method: 'GET',
            responseType: 'blob'
          }).then((response) => {
            const url = window.URL.createObjectURL(new Blob([response.data]))
            const link = document.createElement('a')
            link.href = url
            link.setAttribute('download', `${item.id}.jpg`)
            document.body.appendChild(link)
            link.click()
          })

 

p.s cors 문제가 일어난다면 요즘 사용하는 SPA 프레임워크 프론트엔드(react,vue 등...)에서는 처리할 수 없다.