php – 如何在ajax文件上传中显示进度条_php教程

上一篇: PHP stdClass对象,使用Constants... 下一篇:php – HTML文档的字符编码未声明...

php – 如何在ajax文件上传中显示进度条

发布时间：2022-04-30 发布网站：脚本宝典

脚本宝典收集整理的这篇文章主要介绍了php – 如何在ajax文件上传中显示进度条，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。

我的代码发布了ajax请求,但它没有显示进度条.请帮助更正代码以显示工作进度条.

$(document).ready(function () {
    $("#uploadbutton").click(function () {
    VAR filename = $("#file_path$i").val(); //get form data;

    $.ajax({
      tyPE: "htML",url: "share.PHP",//onwhich post ajax data;
      enctype: 'multipart/form-data',data: {
        file: filename
      },success: function () {
        alert("Data Uploaded: ");
      }
    });
 });
});

解决方法

@whITneyit：我们可以使用xhr：ajax函数跟踪文件上传这样的东西

$.ajax({
                url: 'handler/FileUploader.ashx?FileName=' + file.name,//server script to PRocess data
                type: 'POST',xhr: function () {
                    myXhr = $.ajaxSettings.xhr();
                    if (myXhr.upload) {
                        myXhr.upload.addEventListener('progress',progressHandlingFunction,false);
                    }
                    return myXhr;
                },success: function (result) {                    
                    //On success if you want to perform some tasks.
                },data: file,cache: false,contentType: false,proceSSData: false
            });
            function progressHandlingFunction(e) {
                if (e.lengthComputable) {
                    var s = parseint((e.loaded / e.total) * 100);
                    $("#progress" + currFile).text(s + "%");
                    $("#progbarWidth" + currFile).width(s + "%");
                    if (s == 100) {
                        triggerNextFileUpload();
                    }
                }
            }