Dropzonoe는 한 번에 업로드되는 파일 수를 제한하고 오류 메시지를 표시합니다.

비 크람 나스

다음은 dropzone 옵션에 대한 코드입니다. 한 번에 2 개의 파일을 업로드하고 총 5 개의 파일을 업로드한다고 가정하면 해당 드롭 존에 5 개 이상의 파일을 업로드하면 maxfileexceeded 오류 메시지가 표시됩니다. 내가 요구하는 것은 사용자가 한 번에 2 개 이상의 파일을 업로드하려고하면 메시지가 표시되고 다른 파일은 제거되어야한다는 것입니다.

Dropzone.options.dropzone =
         {
            maxFilesize: 2,
            maxFiles: 5,
            autoProcessQueue: true,
            parallelUploads: 2,
            renameFile: function(file) {
                var dt = new Date();
                var time = dt.getTime();
               return time+file.name;
            },
            acceptedFiles: ".jpeg,.jpg,.png,.gif,.pdf",
            addRemoveLinks: false,
            timeout: 300000,
            error: function(file, response)
            {
               return response;
            },
            init: function() {
                this.on("maxfilesexceeded", function(file){
                    this.removeFile(file);
                    showAlert("File Limit exceeded!","error");
                });
            }
        };

내 Dropzone

<form method="post" action="{{url('/saveEventFile')}}" enctype="multipart/form-data" 
                    class="dropzone" id="dropzone">
                @csrf
        </form> 
Rkv88- 칸얀

아마도 이것은 당신이 이벤트를 추가 autoQueue하도록 설정했을 때 작동합니다 false.addedfile

Dropzone.options.dropzone =
             {
                maxFilesize: 2,
                maxFiles: 5,
                autoQueue:false,
                autoProcessQueue: true,
                parallelUploads: 2,
                renameFile: function(file) {
                    var dt = new Date();
                    var time = dt.getTime();
                   return time+file.name;
                },
                acceptedFiles: ".jpeg,.jpg,.png,.gif,.pdf",
                addRemoveLinks: false,
                timeout: 300000,
                error: function(file, response)
                {
                   return response;
                },
                init: function() {
                    this.on("maxfilesexceeded", function(file){
                        this.removeFile(file);
                        showAlert("File Limit exceeded!","error");
                    });
        this.on("addedfile", function(file) { if(this.files.length<=2){enqueueFile(file);} this.processQueue();});


                }
            };

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정
0

몇 마디 만하겠습니다

0리뷰
로그인참여 후 검토

관련 기사

분류에서Dev

Django ManifestStaticFilesStorage + DEBUG = False는 업로드 된 파일에 오류를 제공합니다. 표시되지 않습니다.

분류에서Dev

dropzone에 반응하고 업로드 된 사진 수를 제한하고 제한을 초과하면 오류 메시지를 표시합니다.

분류에서Dev

오류 메시지를 표시하는 모든 .log를 단일 로그에 컴파일합니다.

분류에서Dev

AngularJS 토스터는 파일 업로드시 한 번이 아니라 두 번 경고를 표시합니다.

분류에서Dev

정규식으로 잘못된 이메일에 대한 오류를 표시하려고하지만 reactjs를 변경 한 후 제출할 수 없습니다.

분류에서Dev

Codeigniter 3에서 업로드시 허용되지 않는 파일 유형 오류 메시지를 표시하는 방법은 무엇입니까?

분류에서Dev

Spring 또는 JSP는 하나가 아닌 여러 개의 동일한 오류 메시지를 표시합니다.

분류에서Dev

IntelliJ는 sbt가 잘 컴파일 되더라도 종속 메서드 유형에 대한 유형 불일치 오류를 표시합니다 (스칼라).

분류에서Dev

C ++ 프로그램을 컴파일 한 후 표시되는 오류 메시지 수를 어떻게 제한 할 수 있습니까?

분류에서Dev

양식 유효성 검사는 모든 필드에 대해 동일한 오류 메시지를 표시합니다.

분류에서Dev

pyspark는 정의되지 않은 udf에 대한 오류를 표시합니다.

분류에서Dev

IntelliJ IDEA는 matHeaderRowDef에 대한 오류를 표시합니다.

분류에서Dev

dplyr로 프로그래밍 문제-파이프의 한 부분에서 개체를 찾을 수 없지만 더 일찍 작동한다는 오류 메시지

분류에서Dev

AngularJS는 403 http 오류 코드에 대한 사용자 지정 오류 메시지 / 페이지를 표시합니다.

분류에서Dev

Netplan은 구성 파일을로드하려고 할 때 오류를 발생시키고 오류에 대한 세부 정보를 제공하지 않습니다.

분류에서Dev

Netlogo : 동일한 코드를 가진 두 파일 : 하나는 작동하고 다른 하나는 오류를 표시합니다.

분류에서Dev

Netbeans가 내 메소드에 "불법 한 식 시작"오류 메시지를 표시합니다.

분류에서Dev

새로 다운로드 한 이미지에 오류 메시지가 표시됩니다. 이미지 파일의 데이터를 인식 할 수 없습니다. 그러나 오래된 이미지가 작동합니까?

분류에서Dev

다음 C ++ 프로그램이 컴파일되지 않고 다양한 오류를 표시합니다.

분류에서Dev

Vimeo API는 Plupload로 업로드 한 후 '파일 오류'를 반환합니다.

분류에서Dev

Django : "이 다 대다 관계를 사용하기 전에"id "필드에 대한 값이 있어야합니다"라는 오류 메시지가 표시됨

분류에서Dev

드라이브의 Appscript에서 "죄송합니다. 지금은 파일을 열 수 없습니다. 주소를 확인하고 다시 시도하십시오"라는 메시지가 일주일 동안 표시됩니다.

분류에서Dev

단일 AngularJS 지시문을 사용하여 여러 파일 입력에 대한 오류 메시지를 표시하는 방법

분류에서Dev

xml 파일 판독기는 오류를 표시하지 않지만 오류가 있다고 말합니다.

분류에서Dev

SwiftUI 네트워크 이미지는로드 및 오류에 대한 다른보기를 표시합니다.

분류에서Dev

Spring MVC에서 동일한 페이지에 오류 메시지를 표시하는 방법

분류에서Dev

ajax 호출에서 작성한 Web api Post 메서드 (iePostMedication)를 호출하려고합니다. "자원을 찾을 수 없습니다."라는 오류 메시지가 표시됩니다.

분류에서Dev

메서드는 첫 번째 인수로 "self"를 가져야합니다. 데코레이터에 대한 파일 오류

분류에서Dev

Tkinter는 모든 페이지를 하나씩 표시하지 않고 한 번에 표시합니다.

Related 관련 기사

  1. 1

    Django ManifestStaticFilesStorage + DEBUG = False는 업로드 된 파일에 오류를 제공합니다. 표시되지 않습니다.

  2. 2

    dropzone에 반응하고 업로드 된 사진 수를 제한하고 제한을 초과하면 오류 메시지를 표시합니다.

  3. 3

    오류 메시지를 표시하는 모든 .log를 단일 로그에 컴파일합니다.

  4. 4

    AngularJS 토스터는 파일 업로드시 한 번이 아니라 두 번 경고를 표시합니다.

  5. 5

    정규식으로 잘못된 이메일에 대한 오류를 표시하려고하지만 reactjs를 변경 한 후 제출할 수 없습니다.

  6. 6

    Codeigniter 3에서 업로드시 허용되지 않는 파일 유형 오류 메시지를 표시하는 방법은 무엇입니까?

  7. 7

    Spring 또는 JSP는 하나가 아닌 여러 개의 동일한 오류 메시지를 표시합니다.

  8. 8

    IntelliJ는 sbt가 잘 컴파일 되더라도 종속 메서드 유형에 대한 유형 불일치 오류를 표시합니다 (스칼라).

  9. 9

    C ++ 프로그램을 컴파일 한 후 표시되는 오류 메시지 수를 어떻게 제한 할 수 있습니까?

  10. 10

    양식 유효성 검사는 모든 필드에 대해 동일한 오류 메시지를 표시합니다.

  11. 11

    pyspark는 정의되지 않은 udf에 대한 오류를 표시합니다.

  12. 12

    IntelliJ IDEA는 matHeaderRowDef에 대한 오류를 표시합니다.

  13. 13

    dplyr로 프로그래밍 문제-파이프의 한 부분에서 개체를 찾을 수 없지만 더 일찍 작동한다는 오류 메시지

  14. 14

    AngularJS는 403 http 오류 코드에 대한 사용자 지정 오류 메시지 / 페이지를 표시합니다.

  15. 15

    Netplan은 구성 파일을로드하려고 할 때 오류를 발생시키고 오류에 대한 세부 정보를 제공하지 않습니다.

  16. 16

    Netlogo : 동일한 코드를 가진 두 파일 : 하나는 작동하고 다른 하나는 오류를 표시합니다.

  17. 17

    Netbeans가 내 메소드에 "불법 한 식 시작"오류 메시지를 표시합니다.

  18. 18

    새로 다운로드 한 이미지에 오류 메시지가 표시됩니다. 이미지 파일의 데이터를 인식 할 수 없습니다. 그러나 오래된 이미지가 작동합니까?

  19. 19

    다음 C ++ 프로그램이 컴파일되지 않고 다양한 오류를 표시합니다.

  20. 20

    Vimeo API는 Plupload로 업로드 한 후 '파일 오류'를 반환합니다.

  21. 21

    Django : "이 다 대다 관계를 사용하기 전에"id "필드에 대한 값이 있어야합니다"라는 오류 메시지가 표시됨

  22. 22

    드라이브의 Appscript에서 "죄송합니다. 지금은 파일을 열 수 없습니다. 주소를 확인하고 다시 시도하십시오"라는 메시지가 일주일 동안 표시됩니다.

  23. 23

    단일 AngularJS 지시문을 사용하여 여러 파일 입력에 대한 오류 메시지를 표시하는 방법

  24. 24

    xml 파일 판독기는 오류를 표시하지 않지만 오류가 있다고 말합니다.

  25. 25

    SwiftUI 네트워크 이미지는로드 및 오류에 대한 다른보기를 표시합니다.

  26. 26

    Spring MVC에서 동일한 페이지에 오류 메시지를 표시하는 방법

  27. 27

    ajax 호출에서 작성한 Web api Post 메서드 (iePostMedication)를 호출하려고합니다. "자원을 찾을 수 없습니다."라는 오류 메시지가 표시됩니다.

  28. 28

    메서드는 첫 번째 인수로 "self"를 가져야합니다. 데코레이터에 대한 파일 오류

  29. 29

    Tkinter는 모든 페이지를 하나씩 표시하지 않고 한 번에 표시합니다.

뜨겁다태그

보관