简体   繁体   English

AJAX拖放

[英]AJAX drag and drop

I have created an AJAX drag and drop file upload form. 我创建了一个AJAX拖放文件上传表单。 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);
}

要重定向到另一个页面,请使用window.location。

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

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM