0

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

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

我使用了以下示例。

http://aryweb.nl/projects/mootools-form-upload/Demos/Upload.html

http://mootools.net/forge/p/form_upload

<script>
    window.addEvent('domready', function(){
        var upload = new Form.Upload('files', {
            onComplete: function(){
                alert('Completed uploading the Files');
            }
        });
        if (!upload.isModern()){
            // Use something like
        }
    });
</script>

这个脚本运行良好。

但是当我点击提交按钮时，那个时候会显示进度条。

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

4

1 回答 1

0

您正在使用 mootools 插件 javascript 库，该库允许您上传文件并跟踪进度。它与 PHP 关系不大。

由于它的演示和文档没有进度跟踪，如果您仔细查看https://github.com/arian/mootools-form-upload/blob/master/Source/Form.Upload.js那么您会看到该进度没有任何回调..

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

所以你需要要么

  1. 使用它期望的建议 HTML ( <div class='progress'></div>)，或者
  2. 通过扩展它之前包含的选项来添加您的自定义行为
于 2013-04-17T07:07:25.457 回答