Php - upload file with ajax

Question

my 2form.php :

<script type="text/javascript" src="mootools.js"></script>
<script type="text/javascript">
    function test()
    {
        url = '2form.php';
        var ajax = new Ajax(url, {
            method: 'post',
            onComplete: function(response) {            
                document.getElementById('error_upload_logo').innerHTML = response;
            }
        });     
        ajax.request();
    }   
</script>
<?php
    if($_FILES)
    {
        echo "<div>";
        foreach($_FILES['name'] as $v)
        {
            echo $v."<br/>";
        }
        echo "</div>";
    }
    else
    { ?>
        <form action='' id='form1' name="form1" method="post" enctype="multipart/form-data">
            <input type="file" name="name"/>
            <input type="submit" name="submit" onclick='test(); return false;'/>
        </form>
<?php
    }
?>

<div id="error_upload_logo"></div>

if run code with out javascript , it 2form.php like simple php page, and

we can see information of $_FILES that was printed to scrreen

But if i have run with javascript by test() function ,

i don't get information in $_FILES ?

How to get $_FILES ? when click button run with javascript ?

i want to upload with ajax

Answer 1

You can't do file uploads using AJAX because you won't have access to the local file.

The most common workaround is what the JQuery Form plugin does, creating a temporary iframe and doing a normal form submit into it.

The other alternative is using a Flash-based uploader like SWFUpload or Uploadify.