送信前のフォーム画像データからのAjaxの使用

Question

これは、テキスト/文字列ではないデータに対してAjaxを使用する際の一般的な質問です。

フォーム内の選択したイメージでJQuery Ajax POSTリクエストを実行することはできますか？これは、送信前にフォーム入力から取得した処理済みの画像をプレビューするためのものです。イメージは、何らかのイメージ処理を行うサーバーにポストされ、img htmlを返します。例えば

：プラグインが必要な場合は、私はどちらを

var img = $('#form').find('input:first, select:first').first(); // the image/file input 
$.ajax({ 

type: "POST", 
url: "photoprocess.php", 
data: "{prephoto: '" + img+ "'}", // ?? 
contentType: "application/jpeg; charset=utf-8", 
dataType: "text", 
success: function (response) { 
var imgHtml = response.d; 
$('#preview').empty(); 

$('#preview').append(""+imgHtml); 
}, 
...... 

をするために行くべき？または、より良い言い方をしてください：あなたはこのソリューションの良い経験を持っているプラ​​グインはありますか？

乾杯。

Answer 1

これを行うための標準的な方法はないため、ランダムなプラグインや疑わしい回避策を使用することはあまり好ましくありません。主に、ユーザーが最初に選択した写真を提出してテーマプレビュー（サーバーが既に生の画像のコピーを持っている）と注文に進むように要求することで、サーバー側で解決しました。

Answer 2

TMHOウェブサイトに画像（プレビュー）を表示する場合、アップロードする必要があるプレビューアスペクトをエミュレートしたい場合でも、画像はサーバー側でなければなりません（ただし、非同期の方法では、AJAXアップロードソリューションを見てください）。

EDIT：以下のStevenのコメントをご覧ください。今日はこれが実現可能です。