2016-05-11 5 views
2

私はASP.NET MVCでビルドされたプロジェクトを持っています。彼の詳細を出力し、私がどこでajax呼び出しでapiを消費するかを見るためのapi、apiを含むユーザの詳細を格納するデータベーステーブルがあります。私のAPIは、画像のbase64値を完全に返していますが、画像を表示しようとすると、リクエストURIが長すぎると404エラーが表示されます。コードのJquery get Uri too too

関連する行は、あなたのbase64で文字列がdata:image/png;base64,

$.ajax({ 
url: // url of api, 
type: "GET", 
success: function (data) { 
var preview = document.querySelector('img'); 
preview.src = data.Image; 
} 
}) 
+1

有効な 'data:image'接頭辞を持つ' data.Image'文字列はありますか? –

+0

私はAPIを参照しようとしました。その有効なベース64イメージを提供します –

+0

@RachitGuptaはい、しかし、A. Wolffが述べたように、 ' 'の' src'属性は正しいものでなければなりません。あなたは正しい接頭辞なしでそこにベース64文字列を置くことはできません。 – Arg0n

答えて

3

起動していていますか? Look here for complete example

+0

ありがとうございました。イメージはプレビューで読み込まれますが、フォーマットがpngかjpgかどうかわからない場合はどうすればいいですか? –

+0

サーバー側を確認し、文字列全体を応答に含めることをお勧めします。さらに、バイナリ形式(http://example.com/images/index/52212)でイメージを返すアクションにURLを返し、そのソースを更新します。 –

+0

ありがとうありがとう。別の問題で私を助けてくれますか?私はローカルストレージ(私は信じて5 MBまでです)に画像base64を保存しようとしていますが、画像が3.8 MBより大きい場合でも例外が発生しています。また、私は今までそれ以外に何も保存していません。 –