imageupload2 vue(5) 이미지 업로드 (formData에 담아 axios로 보내기) vue.js 로 이미지업로드 기능을 구현 중이다. 고객들이 올리는 이미지를 formData에 담아 axios 통신으로 백엔드에 보내주려고 한다. 하지만 나는 vue린이 ... 하지만 안될 건 없다. 하다보니 어떻게든 되더라 (시간이 걸려서 그렇지) 컴포넌트 로직 ImageUpload.vue 에서 상담요청 버튼 누름 ↓ UploadConfirm.vue 로 넘어가 작성내용 리뷰 후, 확인버튼 누르면 ↓ index.js 의 통신 로직을 타고 백엔드로 데이터 전송 vue(5) 이미지 업로드 (formData에 담아 axios로 보내기) ImageUpload.vue - 결과 화면 상담 작성란을 모두 작성 후, 마지막으로 다중 파일 선택을 한 뒤 "상담요청" 버튼을 누르면 작성한 데이터와 함께 확인페이지로 넘어간다.. 2021. 5. 18. javaScript - input type="file" 특정 파일확장자 이미지 업로드 이미지 업로드 기능을 구현 중이다. 특정 파일확장자만 업로드 하고 싶다면 에 accept 속성을 추가하자 ! // gif, jpg, png 파일만 보여줌 // 모든 오디오 파일을 보여줌 // 모든 비디오 파일을 보여줌 // 모든 이미지 파일을 보여줌 파일업로드 버튼을 눌러 파일선택창이 나타나면 !! accept 로허락한 파일만 마우스 클릭이 가능하다. 2021. 5. 1. 이전 1 다음 반응형
