2021.12.29 - [취업/Dropzone] - [Dropzone.js] 게시글 업로드2
[Dropzone.js] 게시글 업로드2
작동 로직은 이러합니다. 1. 유저가 dropzone에 사진 드랍 후 제목, 내용 작성 2. 게시글 업로드 저장 버튼 클릭(dropzone이 보내는 이미지는 base64라서 그냥 db 저장 불가.) 3. 이미지 서버로 이미지 업로
kasumil.tistory.com
이전 글에서 보면 this가 많은데 그 아래에다 넣으면 된다.
file로 직접 접근하여 dataUrl을 접근했더니 undefind가 출력되어 어떻게 접근하지 했다가,
해당 코드를 통해서 접근할 수 있었다.
이게 아니면 해당 div태그에 접근하여 src를 추출하는 방법 밖에 없음.
this.on('thumbnail', function(file, dataURL) {
document.getElementById('해당 id값').setAttribute('src', dataURL);
});
코드 출처
https://stackoverflow.com/questions/25687209/how-do-i-programmatically-add-a-thumbnail-to-dropzone
How do I programmatically add a thumbnail to Dropzone?
I am using Dropzone to allow users to upload files, to allow users to associate an image with one of several headings on the page. I programmatically generate the Dropzones, one for every heading, ...
stackoverflow.com
'취업 > Dropzone' 카테고리의 다른 글
| [Dropzone] 업로드 파일 선택 버그 (0) | 2022.02.18 |
|---|---|
| [Dropzone.js] 게시글 업로드2 (0) | 2021.12.29 |
| [Dropzone.js]게시글 제목, 내용, 사진 동시 업로드. (0) | 2021.12.29 |
| [Dropzone] 해당 라이브러리 이벤트 종류 (0) | 2021.12.29 |
| [Dropzone.js] dropzone.js 업로드 구현하기 (0) | 2021.12.29 |