php+html5 を使用して画像を更新せずにアップロードする方法のチュートリアル、_PHP チュートリアル

更新せずに画像をアップロードするための

php+html5 チュートリアル

この記事では、HTML5 の FileReader を使用して画像ファイルを読み取り、データをサーバーに送信し、PHP を使用して処理する、画像をアップロードする新しい方法を紹介します。実装プロセスは以下の通りです(画像プレビュー機能あり)
フロントエンド HTML コードのアップロード、html

スタイルは以下の通りです

次のステップはjsコードです

次はPHPの処理コードhandle.phpです

ファイルを選択してアップロードをクリックすると、以下のようになります

上記は画像全体をアップロードするためのコードです。もちろん、ファイル名部分など、同じファイル名でアップロードした後のファイル名が異なるように名前を変更できるなど、PHP 部分に最適化できる部分はたくさんあります。このアップロード方法を使い始めたのは、アップロード用の Node.js からインスピレーションを得たもので、アップロードが成功するとは予想していませんでした。

この方法で画像をアップロードしていただければ幸いです。

興味があるかもしれない記事:

• 画像表示付きのPHP画像アップロードクラス
• シンプルなPHP画像アップロードプログラム
• php、更新なしのAjaxアップロード画像サンプルコード
• php画像アップロードクラスのコード
• thinkphpは画像アップロード関数を実装
• PHP と HTML5 FormData を使用して更新不要のファイル アップロードを実装するチュートリアル
• ThinkPHP と AjaxFileUploader を組み合わせて更新不要のファイル アップロード方法を実現
• php の複数のファイルと画像のアップロード例の詳細な説明