CODEWITHSUNDEEP
javascriptphpjqueryajax
Sujith Mathew Thomas
Sujith Mathew Thomas

Reputation: 69

AJAX drag and drop

I have created an AJAX drag and drop file upload form. But when the upload is complete it shows file upload done. But I want it to be redirected to another page. How can I do this?

This is my code

function sendFileToServer(formData,status)
    {
        var uploadURL ="upload.php"; //Upload URL
        var extraData ={}; //Extra Data.
        var jqXHR=$.ajax({
            xhr: function()
                {
                    var xhrobj = $.ajaxSettings.xhr();
                    if (xhrobj.upload)
                        {
                         xhrobj.upload.addEventListener('progress', function(event)           
                         {
                            var percent = 0;
                            var position = event.loaded || event.position;
                            var total = event.total;
                            if (event.lengthComputable)
                                {
                                percent = Math.ceil(position / total * 100);
                                }

                            status.setProgress(percent);
                      },     false);
                     }
            return xhrobj;
            },
            url: uploadURL,
            type: "POST",
            contentType:false,
            processData: false,
            cache: false,
            data: formData,
            success: function(data){
            status.setProgress(100);

            $("#status1").append("File upload Done<br>");         
        }
    }); 

    status.setAbort(jqXHR);
}

Upvotes: 2

Views: 80

Answers (1)

Sam Phomsopha
Sam Phomsopha

Reputation: 257

To redirect to another page, use window.location.

window.location = "http://www.yoururl.com";

Upvotes: 3

Related Questions