Php 文件上载progressbar onclick事件与mootools表单上载

Php 文件上载progressbar onclick事件与mootools表单上载,php,javascript,jquery,ajax,mootools,Php,Javascript,Jquery,Ajax,Mootools,我正在当前项目中使用文件上载。当我点击浏览按钮时,文件将自动上传,读取行数并立即显示详细信息。我完成了这项任务 但当我上传大文件时,上传需要一些时间。所以我需要实现文件上传进度条 我使用了下面的例子 addEvent('domready',function(){ var upload=new Form.upload('文件'{ onComplete:function(){ 警报(“已完成文件上载”); } }); 如果(!upload.isModern()){ //使用类似 } });

我正在当前项目中使用文件上载。当我点击浏览按钮时,文件将自动上传,读取行数并立即显示详细信息。我完成了这项任务

但当我上传大文件时,上传需要一些时间。所以我需要实现文件上传进度条

我使用了下面的例子


addEvent('domready',function(){
var upload=new Form.upload('文件'{
onComplete:function(){
警报(“已完成文件上载”);
}
});
如果(!upload.isModern()){
//使用类似
}
});
这个脚本运行良好

但当我点击提交按钮时,那个时间将显示进度条


我需要更改何时单击浏览按钮,此时将显示进度条。我不知道如何更改。

您正在使用mootools插件javascript库,该库允许您上载文件并跟踪进度。它与PHP没有什么关系

由于它的演示和文档没有进度跟踪,如果仔细观察,您会发现进度中没有任何回调

onProgress: function(event){
            var loaded = event.loaded, total = event.total;
            progress.setStyle('width', parseInt(loaded / total * 100, 10).limit(0, 100) + '%');
        },
所以你要么

  • 使用所需的建议HTML(
    ),或
  • 通过扩展之前包含的选项添加自定义行为
  • onProgress: function(event){
                var loaded = event.loaded, total = event.total;
                progress.setStyle('width', parseInt(loaded / total * 100, 10).limit(0, 100) + '%');
            },