AJAXを使用してHTTP POST経由でイメージファイルを要求し、HTMLでそのデータを持つ新しいイメージを作成する方法はありますか?あなたはIMGタグでこれを行うことはできないので、Image JavaScriptオブジェクトでそれを行うことは可能ですか?JavascriptでイメージをロードしてHTTP POSTで取得したデータをロードする方法はありますか?
3
A
答えて
5
はいそれが可能です。
サーバスクリプトが画像ファイルを開き、文字列をbase64
文字列としてエンコードすると、ほぼすべてのブラウザ(IE7以下を除く)がそれを処理できます。例えば:
jQuery('<img>', {
src: 'data:image/jpeg;base64,' + someBase64EncodedString
}).appendTo(document.body);
この現実世界の例では、ここで見つけることができます:https://github.com/jAndreas/Supply
1
+0
それはIEの以前のフォームに適用されますので、これは興味深い答えです。 +1 – ricosrealm
1
それはあなたがおそらくそれは、data URIs、おそらくキャンバスを使用して行うことができbase64でエンコードされた画像データを返す場合。
あなたができることを示すためにいくつかの "擬似"コード(PHPとJS + jQueryを使用)があります。
サーバー:
$image = new Imagick($imagePath);
echo 'data:image/png;base64,' . base64_encode($image);
クライアント:
$.ajax({
method: "post",
url: "/foo/bar.php",
success: function (data) {
$("<img />").attr("src", data).appendTo("#myContainer");
}
});
+0
深いコード – ricosrealm
1
関連する問題
- 1. ClassLoaderがロードしたクラスを取得する方法はありますか?
- 2. Facebook Javascript SDKを使用してQMLがデータをロードできる方法はありますか?
- 3. HTTP POST要求本体をサーバー側でJava Stringとして取得する方法はありますか。
- 4. JavaScriptをロードしています:HTTPリクエスト-v-非同期ロード
- 5. javascriptでロードするラベル値を取得する方法
- 6. JavaScript SDKのページネーションを使用してFacebookにデータをロードする別の方法はありますか?
- 7. イメージを一度ロードして、マルチスレッドのC#アプリケーションでそれを渡す方法はありますか?
- 8. Javaでイメージをロードしてキャッシュする最良の方法は何ですか?
- 9. LaunchAgent plistをプログラムでロードする方法はありますか?
- 10. HTTPなしでAIRでイメージとビデオをロードする
- 11. イメージをロードしていますか?
- 12. イメージURLを取得するリモートにロードされたイメージのファイルサイズ
- 13. HTTP POST、メッセージ本体(データ)を取得する方法
- 14. jQueryをロードしない方法はありますか?
- 15. ロードするにはJavaScriptを取得できません
- 16. HTML/JavaScriptでファイルを読み込んでロードする方法はありますか?ロードされない場合はフォールバックがありますか?
- 17. イメージが完全にロードされる前にJavaScriptを使用してイメージのサイズを取得する
- 18. loadImage関数を使用してイメージをロードする方法
- 19. cURLを使用してJavaScriptによってロードされたWebコンテンツを取得する方法は?
- 20. コアデータからイメージをロード/取得できません
- 21. HTTP経由でHerokuログを取得する方法はありますか?
- 22. PHP - Javascriptを使用してDOMにロードされたデータを取得しました。
- 23. Twistedを使用してHTTP POSTリクエストボディを取得できませんでした
- 24. ASP.NET/C#で特定のコントロールをロードしない方法はありますか?
- 25. イメージをロードした後にjqueryをロードするにはどうしたらいいですか?
- 26. ブラウザを停止してイメージをロードする方法、またはホストと切断する方法はありますか?
- 27. これはアンドロイドで実行時にイメージを保持してロードするより良い方法ですか?
- 28. NSStringを使用してイメージを保存/ロードできますか?
- 29. C#を使用して、Flashオブジェクト(swf)で内部http要求を取得する方法はありますか?
- 30. FirebugでフォームPOSTデータを取得する方法は?
のために+1ありがとうこの回答は良いです。以下のIE7には問題があることを認めています。私はMSDNでもこれを発見しました: http://msdn.microsoft.com/en-us/library/cc848897%28VS.85%29.aspx "データURIは32,768文字を超えることはできません。"読み込み可能な画像の種類が制限されます。 – ricosrealm