ブラウザで画像をアップロードしてトリミングし(ユーザーはトリミングする領域を選択できるはずです)、トリミングした画像をサーバーに送信できるクライアント コンポーネント (jquery/swf) はありますか?
私はasp.net-mvcを使用しています(問題があるかどうかはわかりません)
ブラウザで画像をアップロードしてトリミングし(ユーザーはトリミングする領域を選択できるはずです)、トリミングした画像をサーバーに送信できるクライアント コンポーネント (jquery/swf) はありますか?
私はasp.net-mvcを使用しています(問題があるかどうかはわかりません)
Jcrop は、Web アプリケーションに画像トリミング機能を追加するための迅速かつ簡単な方法です。典型的な jQuery プラグインの使いやすさと、使い慣れたデスクトップ グラフィック アプリケーションに忠実な強力なクロスプラットフォーム DHTML クロッピング エンジンを組み合わせています。
Jcrop Image Plugin は、トリミング UI を表示し、ブラウザーでトリミングされた座標を取得するのに適している場合があります。ただし、実際には画像をトリミングしません。したがって、トリミング プロセスはサーバー上で行われ、サーバーのパフォーマンスにかなり悪影響を及ぼします。
ここでの答えは、ブラウザーで画像をトリミングし、トリミングした画像をサーバーにアップロードする Jcrop 拡張機能を紹介しています。「Jcrop プラグインを使用して画像をトリミングし、トリミングされた領域を HTML 5 キャンバス要素に描画し、キャンバスを BLOB に変換し、AJAX によって画像ファイルをサーバーにアップロードします」.
最も重要な部分は、HTML 5 キャンバス要素を画像としてサーバーにアップロードできる Blob タイプに変換する canvasToBlob 関数です。残念ながら、このメソッドは AJAX でのみ機能し、フォームを直接送信することはできません。これは、blob を入力ファイルとして標準の HTML フォーム要素に入れることができないためです。実際には、画像をトリミングするときにフォームを使用して画像を直接送信することはめったにありません。
この複雑なタスクを完了するには、クロッピング UI とアップローダーを組み合わせる必要があります。クロッピング UI は、クロッピング UI を表示し、クロッピング座標を提供します。アップローダーは、画像をトリミングしてサイズを変更し、ブロブに変換して、サーバーにアップロードします。
クロッピングUIは共通ですが、アップローダーは見つけにくいです。使いやすいクロッピング UI ImgAreaSelectと、シンプルで拡張可能ですが無料ではないこのアップローダーをお勧めします。