Question

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

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

我使用了以下示例。

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

<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>

此脚本运行良好。

但是当我点击提交按钮时，该时间将显示进度条。

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

Answer 1

您正在使用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) + '%');
        },

所以你需要

使用预期的建议HTML（<div class='progress'></div>），或
通过扩展之前包含的选项

使用mootools-form-upload文件上传进度条onclick事件

1 个答案: