javascript - jsで画像のトリミング効果を実現した後、トリミングした部分をサーバーにアップロードするにはどうすればよいですか? ?

jsで画像のトリミング効果を実現した後、トリミングした画像をサーバーにアップロードするにはどうすればよいですか? ?
jsで実装されたトリミングは単なるエフェクトであり、ソースファイルには何も変更を加えず、選択した部分をローカルディスクに保存できないため、ユーザーがトリミングした画像をサーバーにアップロードするにはどうすればよいですか? ?

私の考えは次のとおりです:

1. ソースファイルをアップロード

2. トリミングされた画像の関連座標やサイズなど、トリミングされた画像に関する関連情報をアップロードします

3. PHPのgd関数ライブラリを使用して、アップロードされた元の画像と関連情報を実際に切り取って保存します

さまざまなフォーラムなど、インターネット上でアバター設定を実装する方法がわかりません。 ?

返信内容:

jsで画像のトリミング効果を実現した後、トリミングした画像をサーバーにアップロードするにはどうすればよいですか? ?
jsで実装されたトリミングは単なるエフェクトであり、ソースファイルには何も変更を加えず、選択した部分をローカルディスクに保存できないため、ユーザーがトリミングした画像をサーバーにアップロードするにはどうすればよいですか? ?

私の考えは次のとおりです:

1. ソースファイルをアップロード

2. トリミングされた画像の関連座標やサイズなど、トリミングされた画像に関する関連情報をアップロードします

3. PHPのgd関数ライブラリを使用して、アップロードされた元の画像と関連情報を実際に切り取って保存します

さまざまなフォーラムなど、インターネット上でアバター設定を実装する方法がわかりません。 ?

私は最近、画像のトリミングを自分で作成しました。実際、ほとんどのトリミングは次のプロセスに従います。クライアント側では、サーバーはphp処理後に新しい画像アドレスを生成します

プラグインアドレス、比較的軽量 https://github.com/Vanthink-UED/jquery.core.image.upload

現在、カットはサーバー側で行われています。

フロントエンドでできることは、トリミングする左上隅の座標 (x, y) と幅と高さ (w, h) を記録し、サーバー側でこれら 4 つのパラメーターに基づいてトリミングして保存することです。

互換性は考慮しておりません

1.キャンバス経由でカットした画像データを取得します
2.画像データをサーバーにアップロードします

githubにアクセス: https://github.com/baijunjie/jQuery-photoClip