반응형
Dropzone - 검출되지 않은 오류:URL이 제공되지 않았습니다.
Dropzonejs를 사용하여 파일을 업로드한 후 JSON response를 얻는 방법을 알 수 없습니다.
이것밖에 없어요.
<script src="{% static "dropzone/dropzone.js" %}"></script>
<form id="id_dropzone" class="dropzone" action="/ajax_file_upload_handler/"
enctype="multipart/form-data" method="post"></form>
dropzone을 수동으로 초기화하지 않으면 불가능하다고 생각하여 다음과 같이 변경하였습니다.
$("#id_dropzone").dropzone({
maxFiles: 2000,
url: "/ajax_file_upload_handler/",
success: function (file, response) {
console.log(response);
}
});
<form id="id_dropzone" class="" action=""
enctype="multipart/form-data" method="post"></form>
어느 쪽이 반환됩니까?Uncaught Error: No URL provided.
드롭존을 초기화하여 maxFiles, maxSize 등의 옵션을 추가하고 JSON 응답을 얻으려면 어떻게 해야 합니까?
Dropzone이 다음 중 하나가 없는 객체에 연결되어 있는 경우 제공된 URL은 발생하지 않습니다.
- 드롭 존에 게시할 위치를 알려주는 형식의 액션 속성
- 특정 드롭 존 설정
내 장담하건대, 당신은 레이스 조건을 가지고 있고, 드롭존은 구성하기 전에 엘리먼트에 자신을 붙입니다.설정이 JS Import 직후인지, 또는 설정했는지 확인합니다.Dropzone.autoDiscover = false;
드롭존을 명시적으로 인스턴스화합니다.
자세한 것은 이쪽을 봐 주세요.
<script src="{% static "dropzone/dropzone.js" %}"></script>
<script type="text/javascript">
Dropzone.autoDiscover = false;
$(document).ready(function () {
$("#id_dropzone").dropzone({
maxFiles: 2000,
url: "/ajax_file_upload_handler/",
success: function (file, response) {
console.log(response);
}
});
})
</script>
<form id="id_dropzone"
class="dropzone"
action="/ajax_file_upload_handler/"
enctype="multipart/form-data"
method="post">
</form>
이 문제를 해결한 방법은 코드 끝에 스크립트를 쓰고 스크립트에 defer를 지정하여 마지막으로 로드하도록 지정하는 것입니다. 여기에 이미지 설명을 입력하십시오.
여기 제 코드의 이미지 입력 이미지 설명입니다.모두 비슷한 코드를 가지고 있는 것을 알 수 있습니다.솔루션을 찾으면 테스트하고 회신해 주세요.
언급URL : https://stackoverflow.com/questions/41997927/dropzone-uncaught-error-no-url-provided
반응형
'programing' 카테고리의 다른 글
Yup을 사용한 문자열 또는 숫자 길이 확인 (0) | 2023.03.29 |
---|---|
YAML 또는 JSON 언어 코드 목록 (0) | 2023.03.19 |
중첩된 배열 내에서 일치하는 하위 문서 요소만 반환합니다. (0) | 2023.03.19 |
업로드 파일의 최대 크기를 설정하는 방법 (0) | 2023.03.19 |
레일 3의 JS/ERB 템플릿에서 JSON 처리 (0) | 2023.03.19 |