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

WBOY
リリース: 2016-07-12 09:00:14
オリジナル
1286 人が閲覧しました

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

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 の複数のファイルと画像のアップロード例の詳細な説明

www.bkjia.com本当http://www.bkjia.com/PHPjc/1094753.html技術記事 php+html5 を使用して画像を更新せずにアップロードする方法に関するチュートリアル。この記事では、HTML5 の FileReader を使用して画像ファイルを読み取り、データをサーバーに転送する新しい方法を紹介します。
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート