2

プログレスバー付きの ajax ベースのアップロードフォームを作成しようとしています。これは私のコードです(そのアップロード部分):

$xhr = new XMLHttpRequest();
            $xhr.upload.addEventListener("progress",
                function(e) {
                    if (e.lengthComputable) {
                        $progress = (e.loaded / e.total) * 100;
                        $('#file-progress').css('width', $progressWidth * (e.loaded / e.total));
                        $('#percentage').html($progress.toFixed(2) + '%');
                    } else {
                        alert('Y U NO WORK?');
                    }
                }
            , false); 


            $xhr.onreadystatechange = function(e){
                if($xhr.readyState == 4) {
                    //i'll add this later
                }
            };

            $xhr.open('POST', 'handler.php', true);
            var $data = new FormData();
            $data.append('file', $file.files[0]);
            $xhr.send($data);

Chrome ではすべて (進行状況バーとファイルのアップロード) が機能しますが、Firefox では進行状況バーなしでファイルのアップロードのみが機能します。エラーはありません。Firefox は進行状況リスナーを無視します。Firefox は XMLHttpRequest レベル 2 をサポートする必要があるため、その理由がわかりません。

4

0 に答える 0