Post a input 'file' using jQuery

Question

Is it possible to post a <input type=“file” id="file" /> using this:

$.post("_sys/cmd.php", { file: $("#file").val() },
            function(data){
                if (data == "Success") {
                    $("#warn").html("<em>File Uploaded!</em>");
                }
});

Tried using $("#file").val() but no joy.
If it isn't possible, is there another way? Thanks. :)

possible duplicate of http://stackoverflow.com/questions/166221/how-can-i-upload-files-asynchronously-with-jquery — Laurence Burke, Dec 29 '11 at 18:53
Ah. So even if I didn't want to upload the file using jQuery, it's not possible without one of those plugins? I only want to pass the upload info to another PHP script using jQuery. Thanks :) — Joey Morani, Dec 29 '11 at 20:00

score 1 · Accepted Answer · answered Jan 05 '12 at 03:37

Yes, it is possible. You just need the jQuery Form Plugin. The code will be something like it:

<script type="text/javascript"> 
    $(document).ready(function() { 
        $('#form_upload').ajaxForm(function() { 
            alert("Thank you for your upload!"); 
        }); 
    }); 
</script>

Post a input 'file' using jQuery

1 Answers1