728x90 반응형 파일2 [vuejs] Dropzone vue3로 파일 드래그앱드롭 업로드 구현하기 Vue3에서 파일 업로드를 쉽게 구현할 수 있는 Vue3-Dropzone 라이브러리의 사용법 이 라이브러리를 사용하면 사용자들이 파일을 마우스로 드래그하여 업로드할 수 있는 기능을 간편하게 구현 가능합니다 1. 설치 및 환경 설정 Vue3-Dropzone을 사용하려면 먼저 프로젝트에 설치해야 합니다. 다음 명령어를 사용하여 설치할 수 있습니다. npm install vue3-dropzone 2. 설치가 완료되면, 사용할 Vue 컴포넌트에 import import { useDropzone } from "vue3-dropzone"; 3. 템플릿 구현 // HTML 템플릿 파일을 마우스로 끌어 추가해주세요 4. Vue3-Dropzone 사용 export default { created() { function .. 2023. 4. 17. [vuejs] base64 첨부파일 새 탭으로 미리보기 기능 base64 첨부파일 새 탭 (새창)으로 미리보기 기능 × previewFile(id){ var fileInfo = this.dataObj.fileIds.find(v=>v.id === id); //파일 배열 const fileExtension = fileInfo.fileName.split(".")[1].toLowerCase(); //확장자 //공통기능 호출 this.$previewFile(fileExtension, fileInfo.base64); }, app.config.globalProperties.$previewFile = (fileExtension, b64Data) => { const imageExtensions = ["png", "jpg", "jpeg", "gif", "bmp", "webp", ".. 2023. 3. 24. 이전 1 다음 728x90 반응형