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 に答える