use jquery to upload file?

Question

How can you use jquery to simply post to a php script the value of a file? I'm assuming the Files array and post array are different, so would I have to use a different method? ex. would posting var file = $('fileInput').val(); work? What data am I supposed to send and how should I send it? Thanks

Answer 1

Use this to post files using jquery (html5 browsers supporting FileAPI only, others like IE don't support it):

        var PostData = new FormData();

        $('form').find(':file').each(function () {
            var inputName = $(this).attr('name');
            for(var i = 0; i < this.files.length; i++){
                PostData.append(inputName + '_' + i, this.files[i]);
            }
        });

        var Request = $.ajax({
            url: 'uploadPage.php',
            cache: false,
            contentType: false,
            dataType: 'json',
            type: 'post',
            data: PostData,
            processData : false,
            success: function (data){
            }
        });