ホームページ >ウェブフロントエンド >htmlチュートリアル >画像アップロード_html/css_WEB-ITnoseについて

画像アップロード_html/css_WEB-ITnoseについて

WBOY
WBOYオリジナル
2016-06-24 11:43:331012ブラウズ

プレビュー画像をアップロードして切り取る機能を作成しましたが、最初に画像をローカルに iframe にアップロードしてから切り抜きました。切り抜き後、右側に小さなボックスがあり、切り抜きプレビューを表示します。トリミングを確認」「ボタンを押すと、トリミングした画像をサーバーに直接送信しますが、ここで送信する方法がわかりません〜画像の右側の画像をサーバーに送信するだけです


返信ディスカッション (解決策) へ

フォームを使用して送信し、必要なアドレスにアクションを送信します。Baidu HTML フォームを使用することをお勧めします

input type="image" を使用してフォームを送信し、画像座標をサーバーに取得しますスクリーンショット用

メイン画像はサーバーにアップロードされています。トリミングするときは、四角形をドラッグするだけです。情報がサーバーに送信され、サーバーはメイン画像を使用して画像をトリミングします。ブラウザは実際には画像をトリミングしません。

右側の画像は実際には大きな画像の一部のみを示しており、トリミングされていないことがわかりましたが、左側の画像はアップロードされています。リクエストには multipart/form-data が含まれていません。またはマルチパート/混合ストリーム、コンテンツ タイプ ヘッダーが null これはサーブレットであり、下線付きの文はエラーを報告します。
渡すには ajax を使用します
これはフォームです
このエラーはなぜ発生しますか? ?どうやって解決すればいいでしょうか?

フォームはバイナリ形式で送信されているため、通常の $.ajax を使用してアップロードすることはできませんか?
jquery.form.js を使用して更新しますか?
http://jquery.malsup.com/form/#file-アップロード

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。