| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 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 |
- jsx
- 리액트
- input
- v-html
- TypeScript
- Wecode
- 댓글달기
- webpack
- react
- JavaScript
- vuex
- MySQL
- 자바스크립트
- Vue
- express
- CSS
- 자료구조
- mapGetters
- State
- App.vue
- nodejs
- sass
- 쉬운설명
- ES6
- HOC
- event
- Vue.js
- scss
- storybook
- Vue transition
- Today
- Total
목록fileupload (2)
익명의 개발노트
[Node.js] Vue(Vuetify) + express image upload 수정
1. multipart/form-data의 의미. multi-part는 폼 데이터가 여러 부분으로 분할(버퍼 값)되어 서버로 전송되는 것을 의미한다. 2. express image upload 수정하기 multipart 데이터를 다룰 경우 RESTFul api에서 POST 방식으로 보내야한다. * POST방식은 Create 기능, PUT은 Create or Update기능을 구현할 수 있다. 따라서, multipart 타입을 수정하기위해서는 POST방식으로 데이터를 생성하기 전에 어떤 데이터를 변경할 것인지 먼저 확인을 해야한다. 이런식으로 먼저 수정할 대상을 찾은 후(originPopupImageInfo) 수정할 내용을 키값과 전달한다. 결과값을 받으면 fs 모듈시스템을 이용해서 로컬에 저장된 이미지를..
프론트단 Vue 프레임워크인 Vuetify, 백엔드는 노드 js를 사용하여 파일 업로드 구현하기. 1. 프론트사용 라이브러리 : Vue-filepond 2. 백엔드 라이브러리 : multer 결론은 단순히 Vue-filepond와 multer 라이브러리 간의 호환이 안된다....(우회하는 방법은 있는 듯 하나..) 통상 Node.js에서 사용하는 이미지저장 라이브러리는 multer를 주로 사용한다. 사용하기가 편하다. 단순히 폴더 저장, 메모리저장, 디스크 저장 기능이 있어서 사용자 입맛에 맞게 사용가능하며, AWS S3를 위해서도 자주 사용하는 라이브러리이다. Vue-filepond는 드래그앤 드랍부터 커스터마이징 기능이 굉장히 많으며, 업로드하면 자동(multipart/form-data) 으로 서버로..