sitelink1 | https://blog.logrocket.com/how-to-build-...avascript/ |
---|---|
sitelink2 | https://github.com/Pankajtanwarbanna/van...ree/master |
sitelink3 | |
sitelink4 | |
extra_vars4 | |
extra_vars5 | |
extra_vars6 |
- 첨부파일 : vanilla_script.7z
> index.html : ui html
> index.js : node js src
vanilla script 로 file stream 을 서버에 전송하는 방법에 대해 학습하는 문서이다.
XMLHttpRequest 를 사용하지 않고 fetch() 함수를 이용하는데 대용량 파일 전송에 적합한 코드로 보인다.
목차는 다음과 같다.
- Set up the Node.js server
- Set up the frontend
- Read the file content on the frontend
- Divide and stream the file in chunks to the backend
- Receive the chunks and store them on the server
- Upload multiple files
문서의 링크가 오랜시간 후에도 살아있다면 계속적인 학습에 도움이 되겠지만
10년후에는 이 문서를 살펴볼일이 없을테니 본문을 스크랩하지는 않고 걍 링크만 걸어둔다.
학습의 결과로 작성된 샘플 예제는 첨부하여 맨 위에 올려두었다.
댓글 0
번호 | 제목 | 글쓴이 | 날짜 | 조회 수 |
---|---|---|---|---|
17 | [URLSearchParams] URL 파라미터(매개변수) 값 가져오기 | 황제낙엽 | 2023.02.02 | 0 |
16 | CryptoJS 를 이용한 암호화 | 황제낙엽 | 2023.02.15 | 1 |
15 | (Copilot) 바닐라 스크립트가 뭐지? | 황제낙엽 | 2023.02.24 | 7 |
14 | 배열에 대한 루프문 조회 (loop iterator) | 황제낙엽 | 2023.03.01 | 3 |
13 | (Copilot) JSON 객체의 내부 데이터 리스트 길이를 구하는 방법 | 황제낙엽 | 2023.03.30 | 2 |
12 | JSON 클래스가 지원하는 function | 황제낙엽 | 2023.03.31 | 1 |
11 | 체크박스에 체크된 항목 개수 구하기 | 황제낙엽 | 2023.06.10 | 1 |
10 | 정규식을 이용한 이메일 검증 스크립트 | 황제낙엽 | 2023.06.25 | 0 |
9 | Barcode Detection API | 황제낙엽 | 2023.08.06 | 7 |
8 | navigator.mediaDevices | 황제낙엽 | 2023.08.21 | 1 |
7 | 모바일 브라우저에서 file input element 를 이용하여 여러장의 이미지를 서버에 전송하려 할때 | 황제낙엽 | 2023.08.21 | 1 |
6 | (Bard) JavaScript로 JSON 배열을 작성하는 방법 | 황제낙엽 | 2023.08.21 | 0 |
» | How to build a file upload service with vanilla JavaScript | 황제낙엽 | 2023.08.22 | 0 |
4 | (Bard) FileReader 로 여러개의 파일을 read 하는 법 | 황제낙엽 | 2023.08.23 | 0 |
3 | 현재 document 의 host 와 port 를 얻는 방법 | 황제낙엽 | 2023.10.03 | 1 |
2 | fetch() 함수 사용 예제 | 황제낙엽 | 2023.11.23 | 1 |
1 | json 데이터 내의 변수명에 prefix 로 type 표현하기 | 황제낙엽 | 2024.04.15 | 0 |