PHPアップローダのアップロード進捗の表示（Ajax）

PHPのアップローダに、進捗（％表示）をつけようとしております。
当方環境はPHP7.2です。

古い記事ではありますが、
https://anatoo.hatenablog.com/entry/20111213/1323714933
こちらのサンプル通りに作成しましたが、0％表示のまま一向に動かず、upload.phpがそのまま実行されてしまいます。

ファイル内容は下記です。

index.php アップローダ画面
upload.php アップロード処理
progress.php 進捗表示

ソースはコピー＆ペーストで流したので間違えてはいないはずなのですが…。
jqueryは読み込めております。

他のWebのサンプル等も色々試してみましたが、Ajaxで進捗率が100%になるがupload.phpに推移しなかったり、いきなり100%になってしまったり、おそらくやり方が悪いのだと思いますが、なかなかに上手く動作しません。
何か別のやり方、特別な設定等が必要なのでしょうか？

index.php

<?php
session_start();
?>
<!doctype html>
<html lang="ja">
<head>
<meta charset="utf-8">
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
</head>

<body>
<form method="post" action="index.php" enctype="multipart/form-data">
<input id="uploadedFile" type="file" name="file">
<input type="hidden" name="<?php echo ini_get("session.upload_progress.name"); ?>" value="example" />
<span id="progress">0%</span>
<p><input type="submit" value="ファイルをアップする"></p>
</form>

<script type="text/javascript">
$(function() {
    $("form").submit(function() {
       var progress = $("#progress");

        var f = function() {
            $.getJSON("./progress.php", function(data) {
                //console.dir(data);
                if (data != null) {
                    progress.text(
                        "" + Math.round(100 * (data["bytes_processed"] / data["content_length"])) + "%"
                    );
                    if (!data["done"]) {
                        setTimeout(f, 200);
                    }
                } 
            });
        };

        setTimeout(f, 300);
    });
});
</script>
</body>
</html>

progress.php

<?php
session_start();
$key = ini_get("session.upload_progress.prefix")."example";
echo isset($_SESSION[$key]) ? json_encode($_SESSION[$key]) : json_encode(null);
?>

m.ts10806

2019/12/02 04:48

コピペでも動いているのはご自身の環境です。過信せずにご自身のコードとして質問本文にご提示ください。

行動規範の内容に同意します

回答3件

設定についてはこちらを確認しましょう　説明もサンプルソースも載っているので、読んでちゃんと理解すれば各phpごとの動作確認までできるだけの内容となっています

正常に動作しているとしたらアップロード処理が即完了しているだけです

投稿2019/12/02 04:49

hentaiman

総合スコア6421

退会済みユーザー

2019/12/02 05:32

ご回答ありがとうございます。設定についてはページ通りですし、アップロードも100MB規模のものを幾つか変えつつ使用して0%のままなので、即完了という事は無いかと思います。

hentaiman

2019/12/02 05:38

ページ通りというのは当然回答にあるリンク先のマニュアル通りって意味ですよね？

退会済みユーザー

2019/12/02 05:46

その通りです。 session.upload_progress.enabled = On session.upload_profgress.name = PHP_SESSION_UPLOAD_PROGRESS session.upload_progress.prefix = upload_progress_ ini_getだと上記の値が取り出せますが、セッションがアップロード処理中ずっとNullになってしまう様です。

hentaiman

2019/12/02 05:49

それなら各phpに直接アクセスして動作を確認する事が出来ると思いますが、どうなりました？

退会済みユーザー

2019/12/02 05:53

progress.phpはNullです。 $_SESSION["upload_progress_example"]の内容を取得出来ないみたいです。

hentaiman

2019/12/02 05:54

と言うのは、公式に散らばっているソースの通りに書いて各ソースにアクセスして動作確認しても意図通り（公式通り）に動作しないのなら、ソースの書き方ではなくphpの設定がおかしい事になるのでini等の設定を見直しましょうという切り分けをする為です

hentaiman

2019/12/02 05:56

マニュアルの警告部分は確認しましたか？該当してませんか？

退会済みユーザー

2019/12/02 06:17

問題無い様です。シンプルにアップローダだけにしても該当の$_SESSIONがnullになるので完全に原因が分からなくなりました・・

hentaiman

2019/12/02 06:44

ajax通さずに動作確認してみたって意味ですよね？マニュアル通り組んでエラーになるって言われるとあなたの環境でしか再現出来ないので回答するの難しいですね現実でこの手の質問されて最終的に直接見てみると99%以上はプログラムミスなんですが、1%ぐらいはネットワークやapache等の設定の問題の事もありましたね

Y.H.

2019/12/02 09:20 編集

> session.upload_profgress.name = PHP_SESSION_UPLOAD_PROGRESS php.iniにこの通り記載されているのですか？ profgress はコメント記載時のtypoですか？

行動規範の内容に同意します

PHPマニュアルのUser Contributed Notesを確認すると、参考になりそうな情報が載っています。

Put the upload progress session name input field BEFORE your file field in the form

<body>
<form method="post" action="index.php" enctype="multipart/form-data">
<input type="hidden" name="<?php echo ini_get("session.upload_progress.name"); ?>" value="example" />
<input id="uploadedFile" type="file" name="file">
<span id="progress">0%</span>
<p><input type="submit" value="ファイルをアップする"></p>
</form>

このように upload progress session name は file より前に記載する必要があるとのこと。
参考元のページでもそのような記述になっています。

また、FastCGIが動いていてもうまく動作しないとの情報もあります。

投稿2019/12/02 08:38