# Blob

34개의 포스트

Image download

download 속성<a href="/path/image.png" download>Chrome Block cross-origin <a download>https://developer.chrome.com/blog/chrome-65-deprecation

2022년 11월 2일
·
0개의 댓글
·
post-thumbnail

(번역) Blob API에 대한 소개와 활용 사례

활용 사례 : 1. 청크 업로드, 2. 인터넷에서 데이터 다운로드, 3. 이미지 압축, 4. Blob URL 생성, 5. Blob에서 Data URL로 전환

2022년 9월 15일
·
1개의 댓글
·
post-thumbnail

[JS] 첨부파일 다운로드는 어떻게 하지?

📚 React에서 Blob 객체를 사용한 첨부파일 다운로드 기능 구현!

2022년 7월 27일
·
0개의 댓글
·

Axios로 이미지 요청해 렌더링

문제: img tag 요청이 401 status를 response unauthorized해결: fetch or axios를 사용해 http request에 Authorization 헤더를 주입해 주어야 한다why? Authorization: Bearer JWT toke

2022년 6월 22일
·
0개의 댓글
·

[React+Typscript] 파일다운로드 기능 구현(With. Springboot)

저의 포스팅에서는 자세한 지식보다는 사용법 위주로 작성되며, 개인적인 내용을 포함하고 있습니다!이번 포스팅은 파일 업로드/다운로드 중 파일 다운로드를 할 예정이다.업로드 할 파일 선택 > 업로드 버튼 클릭 > 파일 업로드 \* 2 > 2가지 유형의 다운로드 버튼 클릭방

2022년 6월 21일
·
0개의 댓글
·
post-thumbnail

SpringBoot)Large Objects may not be used in auto-commit mode.

클론코딩 중 해당 이슈가 발생하였다.가지고 오려는 데이터 중 BLOB 데이터를 포함한다.따라서 JPA에 영속되기도 벅차고 변경감지 하기에는 리소스를 너무 많이 소모되기 때문에 변경감지나 지연로딩을 수행할 수 없다.Repository 인터페이스에 @Transactiona

2022년 6월 13일
·
0개의 댓글
·

서버에 이미지 보내기 multi-formdata / blob

컴포넌트를 캡쳐한 이미지를 서버로 보내는 업무를 맡았다. 이미지를 서버로..?? 바이너리 개념인 Blob과 서버에 보내는 방식중 multi-formdata에 대해서 알아보자Blob(Binary Large Object)란 바이너리 형태중에서도 큰 객체를 뜻하는데, 주로

2022년 5월 29일
·
0개의 댓글
·
post-thumbnail

React | Axios를 이용하여 파일 다운로드 구현하기

Axios로 파일 다운로드하기

2022년 5월 18일
·
0개의 댓글
·

리액트 프로젝트에서 이미지 파일 업로드하고 열람하기

AxiosJavaScript Reactmulter (백엔드에서만 사용)유저가 파일을 업로드하는 창구로서 HTML input 태그의 file 타입을 이용하겠습니다. 우리는 이미지만 받을 것이기 때문에 accept 옵션을 통해 첨부 가능한 파일을 특정 이미지 파일 확장자로

2022년 5월 18일
·
0개의 댓글
·

2022-05-03_TIL

Binary vs Base64 vs Blob vs FileBase64, Blob URL Image Binding 기법.Blob(블랍) 이해하기

2022년 5월 3일
·
0개의 댓글
·
post-thumbnail

Azure Blob storage, 어디까지 써봤니? - 2

내 데이터들의 lifecycle 관리!? 흔히 사용하는 로그들을 생각해보자. 우선 정책상 쌓아 두거나 추후에 필요가 있을것 같아, 혹은 데이터 마이닝을 선진행 하는 느낌으로 쌓는 경우가 대부분일 것이다. 그런데 이렇게 쌓아만 두고 열어보지도 않는데, 거기에 대한

2022년 4월 17일
·
0개의 댓글
·

Azure Blob storage, 어디까지 써봤니? - 1

Blog storage는 클라우드를 위한 Microsoft의 객체 스토리지 솔루션이다.딱 한줄로 정의해보자면 위와 같으며, 매우 큰 규모의 비정형 데이터를 저장하기 위한 저장소로 보면된다.browser에 이미지 또는 문서 직접 제공분산 액세스용 파일 저장비디오 및 오디

2022년 4월 1일
·
0개의 댓글
·

그림판(canvas API)으로 그린 그림 서버와 소통 post, get(Feat: encoding, decoding 과정)

Canvas 이미지를 데이터로 저장저장된 Canvas 이미지를 base64에서 디코딩디코딩된 값을 바이트 배열로 변환 후 저장typed array인 8bit unsigned array로 변환new blob() 생성자를 사용해 blob 값으로 변환FormData() 생성

2021년 12월 24일
·
0개의 댓글
·
post-thumbnail

Blob, ArrayBuffer, Uint8Array

도대체 블롭이란 무엇인가...ㅠㅠ 프로젝트를 하다보니 데이터, 특히 멀티미디어 파일을 다룰 일이 많아진다. 이미지 파일을 올리고

2021년 11월 13일
·
0개의 댓글
·

javascript responseType blob일때 error response json으로 받기

Axios 요청을 할때 responseType을 blob으로 설정하면 error response조차 blob으로 반환되었다.blob으로 반환된 response를 Blob 객체의 text메소드를 사용해서 문자열로 변환한다.이 문자열을 다시 json으로 변환해서 기존처럼

2021년 11월 11일
·
2개의 댓글
·

File to Blob

기존 이미지 업로드가 Blob 타입을 업로드 하도록 되어있었다. 그래서 File 타입을 Blob으로 변환하는 방법을 찾아보았다.결과적으론 이렇게 짧은 코드로 변환이 가능했다.ArrayBuffer: ArrayBuffer 객체는 일반적인 고정 길이 원시 이진 데이터 버퍼를

2021년 10월 25일
·
0개의 댓글
·

React + TypeScript에서 Axios로 Blob 이미지를 받기

axios를 사용해 blob 이미지를 받아보쟈Blob으로 responseType을 설정해준다.File, FileReader를 통해 reponse를 가공해준다.src에 가공한 데이터를 넣어준다.헤더를 넣어야해서 axios로 한번 받아봤다.

2021년 10월 22일
·
1개의 댓글
·
post-thumbnail

MySQL에 이미지 저장하기 | Android Study

데이터베이스에 이미지를 저장해보자!

2021년 9월 13일
·
1개의 댓글
·

cv2.dnn.readNet()로 이미지 처리하기

readNet() 함수는 전달된 framework 문자열, 또는 model과 config 파일 이름 확장자를 분석하여 내부에서 해당 프레임워크에 맞는 readNetFromXXX() 형태의 함수를 다시 호출해준다.모델 확장자에 따라 호출하는 함수가 다르다..caffemo

2021년 9월 10일
·
0개의 댓글
·