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) + '%');
},
所以你要么
),或onProgress: function(event){
var loaded = event.loaded, total = event.total;
progress.setStyle('width', parseInt(loaded / total * 100, 10).limit(0, 100) + '%');
},