How I can send the user to upload page instead showing the response

Question

I have found this code to add progress bar to the upload form. This code is showing the response from upload page under the form, I want the user to be redirected to the upload page and see the response there 0%

<div id="status"></div>

   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script>
    <script src="http://malsup.github.com/jquery.form.js"></script>
     <script>
             (function() {

       var bar = $('.bar');
       var percent = $('.percent');
       var status = $('#status');

        $('form').ajaxForm({
           beforeSend: function() {
           status.empty();
           var percentVal = '0%';
           bar.width(percentVal)
           percent.html(percentVal);
          },
         uploadProgress: function(event, position, total, percentComplete) {
         var percentVal = percentComplete + '%';
         bar.width(percentVal)
         percent.html(percentVal);
      },
       complete: function(xhr) {
           bar.width("100%");
           percent.html("100%");
           status.html(xhr.responseText);
        }
   }); 

   })();       
   </script>

Thanks in advance

Tried you have? Code you show? – Jay Blanchard Apr 24 '14 at 18:24 — Jay Blanchard, Apr 24 '14 at 18:24

score 0 · Answer 1 · edited May 23 '17 at 10:26

0

Just change the window.location after the progress is completed

So your complete event will be something like this.

 complete: function(xhr) {
               bar.width("100%");
               percent.html("100%");
               status.html(xhr.responseText);
               window.location.replace("http://stackoverflow.com");// or url of your choice
            }

To better understand javascript redirects refer to this SO thread.

edited May 23 '17 at 10:26

Community

1
1

answered Apr 24 '14 at 18:25

Shiva

6,677
4
36
61

Here the user will be redirected to a static page. while I need him to be redirected to the upload page where his uploads and URLs are shown – user3530661 Apr 24 '14 at 19:17
What is the url to your upload page – Shiva Apr 24 '14 at 19:35
here is my form header action="upload.php" method="POST" – user3530661 Apr 24 '14 at 19:38

How I can send the user to upload page instead showing the response

1 Answers1