Retrieving HTTP status code from loaded iframe with Javascript

by

You can’t get page headers by JS, but you can distinguish error from success:
Try something like this:

<script type="text/javascript">

    var uploadStarted = false;
    function OnUploadStart(){            
        uploadStarted = true;
    }

    function OnUploadComplete(state,message){       

       if(state == 1)
        alert("Success: "+message);     
       else
         if(state == 0 && uploadStarted)
            alert("Error:"+( message ? message : "unknow" ));
    }   

</script>


<iframe id="uploader" name="uploader" onload="OnUploadComplete(0)" style="width:0px;height:0px;border:none;"></iframe>

<form id="sender" action="/upload.php" method="post" target="uploader" enctype="multipart/form-data" onsubmit="OnUploadStart()">
<input type="file" name="files[upload]"/>
<input type="submit" value="Upload"/>
</form>

On server side:

/*
  file: upload.php
*/
<?php 

   // do some stuff with file       

  print '<script type="text/javascript">';
  if(success)
     print 'window.parent.OnUploadComplete(1,"File uploaded!");';
  else
     print 'window.parent.OnUploadComplete(0, "File too large!");';
  print  '</script>';
?>

More Related Contents:

  1. jQuery: serialize() form and other parameters
  2. How to send image to PHP file using Ajax?
  3. Cannot properly set the Accept HTTP header with jQuery
  4. Detecting a redirect in ajax request?
  5. jQuery’s .on() method combined with the submit event
  6. How to make Chrome remember password for an AJAX form?
  7. Ajax Form submit with preventDefault
  8. HTML5 validation before ajax submit
  9. MS MVC form AJAXifying techniques [closed]
  10. submitting multiple forms with AJAX
  11. What HTTP status codes count as success in jQuery.ajax?
  12. Weird behaviour of iframe `name` attribute set by jQuery in IE
  13. Using jQuery to grab the content from CKEditor’s iframe
  14. Pass array to ajax request in $.ajax() [duplicate]
  15. Pass request headers in a jQuery AJAX GET call
  16. val() vs. text() for textarea
  17. TypeError: $.ajax(…) is not a function?
  18. jQuery loop over JSON result from AJAX Success?
  19. jQuery posting valid json in request body
  20. Update div with jQuery ajax response html
  21. How do I know if jQuery has an Ajax request pending?
  22. How do I get the HTTP status code with jQuery?
  23. Reload table data in Django without refreshing the page
  24. Check if username exists in database with AJAX
  25. jQuery ajax request being block because Cross-Origin
  26. Populate Select box options on click with Javascript/Jquery with Json data
  27. AJAX Post of JavaScript String Array to JsonResult as List Always Returns Null?
  28. jQuery detect click on disabled submit button
  29. jQuery AJAX call results in error status 403
  30. Using jQuery’s $.ajax within an angularJS controller

Leave a Comment