jquery를 사용하여 dropzone preview 요소에 액세스하는 방법

Question

dropzone.js를 사용하여 이미지를 서버에 업로드하고 있습니다. "previewTemplate"을 사용하여 사용자 지정 미리보기 템플릿을 만들었습니다. 이미지와 함께 2 개의 입력 텍스트와 1 개의 텍스트 영역을 추가했습니다.

이제 addedFile 이벤트에서 입력 텍스트와 텍스트 영역의 매개 변수를 id, name 등으로 설정해야하지만 문제는 jquery를 사용하여 요소에 액세스 할 수 없다는 것입니다.

file.previewElement를 사용하여 요소에 액세스 할 때 참조가 아닌 완전한 HTML 코드를 반환하므로 내가 원하는 것을 수행 할 수 없습니다.

내가 HTML 코드에서 자식 div 참조를 추출하는 방법을 알고 싶습니다.

어떤 도움을 주시면 감사하겠습니다 ....

Answer 1

나는 해결책을 얻었다.

querySelector를 사용하여 document.here에있는 특정 태그를 선택하려면 내가 수행 한 코드가 있습니다.

_ref = file.previewTemplate.querySelector('[data-tagline]'); 
 
_ref.value = file.name;

<input type="text" style="margin-top:14px;width:240px;" placeholder="फोटो की टेग लाईन लिखें" data-tagline="" class="lang_class img_description" name="imagetag_Chrysanthemum.jpg" id="imagetag_Chrysanthemum.jpg">