일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 | 31 |
Tags
- docker 설치
- 리눅스
- MySQL
- dto valid
- React
- 헤더 설정
- 초기 구축
- NextJS
- jpa entity자동
- Java
- ollama langflow
- java9
- 도커
- JPA
- spring boot
- CentOS6
- SpringBoot
- Next.js 14
- docker
- spring
- jvm
- JavaScript
- memcached
- swagger
- 초기 세팅
- custom valid
- java8
- generate pojos
- header setting
- generate entity
Archives
- Today
- Total
개발자의 길
[javascript] blob 데이터 이미지 다운로드 본문
//blob 데이터로 된 이미지를 다운받기 위한 기능
//data : blob 데이터
//fileName : 다운로드될 이미지명(확장자 포함)
export function getDownFile(data: any, fileName: string) {
var blob = new Blob([data], {
type: 'application/octet-stream'
});
//IE용
// @ts-ignore
if (window.navigator && typeof window.navigator.msSaveBlob !== 'undefined') {
// IE workaround for "HTML7007: One or more blob URLs were
// revoked by closing the blob for which they were created.
// These URLs will no longer resolve as the data backing
// the URL has been freed."
// @ts-ignore
window.navigator.msSaveBlob(blob, fileName);
} else {
var blobURL = window.URL.createObjectURL(blob);
var tempLink = document.createElement('a');
tempLink.style.display = 'none';
tempLink.href = blobURL;
tempLink.setAttribute('download', fileName); // Safari thinks _blank anchor are pop ups. We only want to set _blank
// target if the browser does not support the HTML5 download attribute.
// This allows you to download files in desktop safari if pop up blocking
// is enabled.
if (typeof tempLink.download === 'undefined') {
tempLink.setAttribute('target', '_blank');
}
document.body.appendChild(tempLink);
tempLink.click();
document.body.removeChild(tempLink);
window.URL.revokeObjectURL(blobURL);
}
}
'2. JS' 카테고리의 다른 글
[js] jquery datatable pdf 한글 깨짐 해결 (2) | 2021.06.16 |
---|---|
[javascript] location 변수에 대한 값들 (0) | 2021.06.10 |
[JavaScript] 요소의 절대좌표 상대좌표 구하기 (0) | 2021.04.29 |
[javascript] json 객체 복사하기 (0) | 2020.12.03 |
XSS 크로스 도메인 ajax 연동 방법 - jsonp 예제 (2) | 2019.01.30 |
이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다.
Comments