jQuery iframe file upload

by

I found the solution. This code works:

<script type="text/javascript">

    $(document).ready(function () {

        $("#formsubmit").click(function () {

            var iframe = $('<iframe name="postiframe" id="postiframe" style="display: none"></iframe>');

            $("body").append(iframe);

            var form = $('#theuploadform');
            form.attr("action", "/upload.aspx");
            form.attr("method", "post");

            form.attr("encoding", "multipart/form-data");
            form.attr("enctype", "multipart/form-data");

            form.attr("target", "postiframe");
            form.attr("file", $('#userfile').val());
            form.submit();

            $("#postiframe").load(function () {
                iframeContents = this.contentWindow.document.body.innerHTML;
                $("#textarea").html(iframeContents);
            });

            return false;

        });

    });

</script>


<form id="theuploadform">
    <input id="userfile" name="userfile" size="50" type="file" />
    <input id="formsubmit" type="submit" value="Send File" />
</form>

<div id="textarea">
</div>

More Related Contents:

  1. What is wrong with this basic Javascript code? [closed]
  2. jQuery AJAX submit form
  3. Check if an image is loaded (no errors) with jQuery
  4. How can I get the data-id attribute?
  5. jQuery Event Keypress: Which key was pressed?
  6. Required field validations not working in JQuery Popup MVC 4
  7. Parallel asynchronous Ajax requests using jQuery
  8. jQuery.inArray(), how to use it right?
  9. Get the contents of a table row with a button click
  10. How to remove one specific selected file from input file control
  11. How to get the background color code of an element in hex?
  12. How to submit an HTML form without redirection
  13. split string only on first instance of specified character
  14. “Uncaught TypeError: a.indexOf is not a function” error when opening new foundation project
  15. Detect iPad users using jQuery?
  16. Testing if a checkbox is checked with jQuery
  17. Is there a DOM event that fires when an HTML select element is closed?
  18. get selected text’s html in div
  19. How to ONLY trigger parent click event when a child is clicked
  20. How are input parameters filled in javascript method chains?
  21. jQuery .focusout / .click conflict
  22. Jquery ignores encoding ISO-8859-1
  23. How to load all server side data on initial vue.js / vue-router load?
  24. Differences between detach(), hide() and remove() – jQuery
  25. How to detect an audio has finished playing in a web page?
  26. Simulating a click in jQuery/JavaScript on a link
  27. Post-loading : check if an image is in the browser cache
  28. Combine two selectors with one jQuery object
  29. fade effect using javascript no jquery?
  30. Are 301 redirects possible using javascript or jQuery?

Leave a Comment