Total members 11893 |It is currently Fri Nov 01, 2024 8:30 pm Login / Join Codemiles

Java

C/C++

PHP

C#

HTML

CSS

ASP

Javascript

JQuery

AJAX

XSD

Python

Matlab

R Scripts

Weka





This 2 paces of code are you to upload files using AJAX, there is an HTML part and JAVASCRIPT part ,now , and with this code , you can upload files without refresh

here the index.php file


Code:
<html>
<head>
     
    <title>Upload File In Ajax</title>
    <script type="text/javascript" src="myscript.js"></script>
    <script type="text/javascript">
       
    </script>
</head>

<body>

    <form action="index.php" method="post" onsubmit="return MSI.submit(this, {'onStart' : startCallback, 'onComplete' : completeCallback})">
        <div>File Name: <input type="text" name="form[name]" /></div>
        <div>File Location: <input type="file" name="form[file]" /></div>
        <div><input type="submit" value="SUBMIT" /></div>
    </form>

    <hr/>

    <div>Times of submit: <span id="numsub">0</span></div>
    <div>Last submit result  (generated by form action - index.php file): <pre id="last"></pre></div>

</body>
</html>


and here the JAVASCRIPT myscript.js file ,
Code:
function startCallback()
{
            // make something useful before submit (onStart)
            return true;
}

function completeCallback(response)
{
            // make something useful after (onComplete)
            document.getElementById('numsub').innerHTML = parseInt(document.getElementById('numsub').innerHTML) + 1;
            document.getElementById('last').innerHTML = response;
}
      
MSI = {

    frame : function(c) {

        var n = 'f' + Math.floor(Math.random() * 99999);
        var d = document.createElement('DIV');
        d.innerHTML = '<iframe style="display:none" src="about:blank" id="'+n+'" name="'+n+'" onload="MSI.loaded(\''+n+'\')"></iframe>';
        document.body.appendChild(d);

        var i = document.getElementById(n);
        if (c && typeof(c.onComplete) == 'function') {
            i.onComplete = c.onComplete;
        }

        return n;
    },

    form : function(f, name) {
        f.setAttribute('target', name);
    },

    submit : function(f, c) {
        MSI.form(f, MSI.frame(c));
        if (c && typeof(c.onStart) == 'function') {
            return c.onStart();
        } else {
            return true;
        }
    },

    loaded : function(id) {
        var i = document.getElementById(id);
        if (i.contentDocument) {
            var d = i.contentDocument;
        } else if (i.contentWindow) {
            var d = i.contentWindow.document;
        } else {
            var d = window.frames[id].document;
        }
        if (d.location.href == "about:blank") {
            return;
        }

        if (typeof(i.onComplete) == 'function') {
            i.onComplete(d.body.innerHTML);
        }
    }

}


I wish it is helpful,



_________________
M. S. Rakha, Ph.D.
Queen's University
Canada


Author:
Mastermind
User avatar Posts: 2715
Have thanks: 74 time
Post new topic Reply to topic  [ 1 post ] 

  Related Posts  to : upload file in ajax
 Struts2 upload file and ajax     -  
 JSP to Upload File     -  
 File Upload in JSP     -  
 Upload PDF file in php     -  
 Upload PHP file code     -  
 Upload File to a new directory     -  
 PHP HTML form with to file upload     -  
 Load file and update content using AJAX and JQuery     -  
 What is AJAX, How to start AJAX?     -  
 Encrypt/Decrypt a file from source file to target file.     -  



Topic Tags

AJAX Request






Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group
All copyrights reserved to codemiles.com 2007-2011
mileX v1.0 designed by codemiles team
Codemiles.com is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com