I want to upload multiple files using dropzone.js but getting error

Question

I am using dropzone.js for uploading multiple files but getting error as following while upload

<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN"><html><head><title>404 Not Found</title></head><body><h1>Not Found</h1><p>The requested URL /file-upload was not found on this server.</p><p>Additionally,
a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.</p><hr><address>Apache/2.4.23 (Win32) OpenSSL/1.0.2h PHP/7.0.9 Server at localhost Port 80</address></body></html>

I don't what is the problem I copy the same code from codepen but getting an error please help me thank you in advance.

can u put more info like code etc to debug.

krishna raikar
– krishna raikar

2017-09-19 05:57:13 +00:00
Commented Sep 19, 2017 at 5:57 — krishna raikar
– krishna raikar, Commented Sep 19, 2017 at 5:57
codepen.io/probil/pen/yyzdOM

amit chauhan
– amit chauhan

2017-09-19 05:59:14 +00:00
Commented Sep 19, 2017 at 5:59 — amit chauhan
– amit chauhan, Commented Sep 19, 2017 at 5:59
this is the link from where i copied the code

amit chauhan
– amit chauhan

2017-09-19 05:59:23 +00:00
Commented Sep 19, 2017 at 5:59 — amit chauhan
– amit chauhan, Commented Sep 19, 2017 at 5:59
u should add url in dropzone initialization

krishna raikar
– krishna raikar

2017-09-19 06:07:47 +00:00
Commented Sep 19, 2017 at 6:07 — krishna raikar
– krishna raikar, Commented Sep 19, 2017 at 6:07
how to add url ?

amit chauhan
– amit chauhan

2017-09-19 06:08:46 +00:00
Commented Sep 19, 2017 at 6:08 — amit chauhan
– amit chauhan, Commented Sep 19, 2017 at 6:08

krishna raikar · Accepted Answer · 2017-09-19 06:13:41Z

2

Try to put url in initialization

$(function(){
      Dropzone.options.myAwesomeDropzone = {
        maxFilesize: 5,
        ....
        url: /url_to_upload_file,

        init:function(){
          ...
        }
      };
    })

answered Sep 19, 2017 at 6:13

krishna raikar

2,66511 silver badges23 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

amit chauhan Over a year ago

$(function(){ Dropzone.options.myAwesomeDropzone = { maxFilesize: 5, addRemoveLinks: true, url: /images/, dictResponseError: 'Server not Configured', acceptedFiles: ".png,.jpg,.gif,.bmp,.jpeg", init:function(){

amit chauhan Over a year ago

still, same error is there any need of any backend code for this because i am only doing front-end I did not write any code in the backend .

krishna raikar Over a year ago

you should write backend code. Once you upload file it will hit the url in server that you mentioned as url in initialization.Otherwise it will throw error and u see red as progress bar in file.

amit chauhan Over a year ago

thank you, i think I should have write backend code.

Collectives™ on Stack Overflow

I want to upload multiple files using dropzone.js but getting error

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related