HTML は画像データをサーバーにアップロードし、PHP は画像を受信して​​保存します。

リーリー リーリー Web上の画像データやキャンバス内の画像をサーバーに保存する必要があることがよくあります。 HTML5 はすでに利用可能なインターフェースを提供しています。

Canvas の toDataURL メソッドは、キャンバス上のキャンバス データを文字列形式でエクスポートできます。文字列をサーバーに再度送信するだけです。

画像にimgタグが付いている場合はどうすればよいですか?

非常に簡単に言うと、canvas は、img またはその他の Canvas データを独自の Canvas に描画するために使用される、drawImage メソッドを提供します。

次に、クライアントのコードを見てみましょう。

リーリー リーリー

エクスポートされた文字列にはプレフィックス「data:image/png;base64」が含まれているため、このプレフィックスを削除する必要があります

リーリー
次に、文字列をサーバーに渡します。ここでは、データを受信して​​画像を保存するために php 言語を使用することを選択します。

リーリー まず、文字列内のスペースを「+」記号に置き換えます。

リーリー
php がデータを取得した後、画像として保存する前に、base64 デコードする必要があります。

上記では、HTML が画像データをサーバーにアップロードし、PHP が画像を受信して​​保存する方法を内容も含めて紹介しました。PHP チュートリアルに興味のある友人の参考になれば幸いです。