파일 다루기

hayden·2022년 12월 5일
      <input @change="upload" type="file">

이런식으로 파일선택 항목을 추가할 수 있다.
@change="upload" 는 필수는 아니지만 기능개발을 위해 추가

그리고 아래와 같이 업로드시메소드를 짬

export default {  
  methods: {    
    upload(e) {
      let file = e.target.files; // 업로드한 파일을 file 변수에 추가
      console.log(file[0]); // 확인용 로그 출력
      let url = URL.createObjectURL(file[0]); // 임시 링크를 출력. [0] 을 안붙이면 에러발생.
      console.log(url); // 확인용 로그 출력
      this.step = 1; // 다음 페이지로 유도
    },
  },
};

profile
22.12.01 코딩공부기록저장소

0개의 댓글