2012-03-15 39 views
18

jQuery-File-Upload Demo pageにアクセスして画像をアップロードしようとすると、JSONレスポンスを見ると、アップロードされた画像のプレビューが返されます。画像をデータに変換する:image/png;ウェブページの表示にbase64を使用する

"thumbnail_url":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAI... 

私が理解する限り、画像は文字列に変換されてクライアントに返されます。

同じデモでASP.NETのバックエンドを実装するにはどうすればよいですか?

+0

私はしばらく前からあなたに役立つかもしれない質問に対する答えを覚えています:http://stackoverflow.com/a/8706618/1073107 – dash

+0

@dash - fantastic。答えとして投稿してください。それは2行のコードのようなものです。どうもありがとうございました! –

答えて

31

私は非常に有能なcompetent_techによって質問に答えを読んで覚えていると思った "私はあなたがそれを行うことができたことを知らなかった!

In that answer is an example ASP.Netイメージのsrcを上記のbase64でエンコードされたデータに設定する方法については、こちらをご覧ください。

それは効果的にASPのSRCを設定するに沸く:Imageコントロールを次のように

imgCtrl.Src = @"data:image/gif;base64," + Convert.ToBase64String(File.ReadAllBytes(Server.MapPath(@"/images/your_image.gif"))); 

は、画像に応じて、コンテンツタイプを変更することを忘れないでください!

+4

このスレッドに遭遇する可能性のある人は、画像がメモリストリームとして生成された場合、次のようなことができます。 MemoryStream ms = new MemoryStream(); /* {その画像ストリームにデータを入力するコード} */ String base64String = Convert.ToBase64String(ms.ToArray()); そして、上記のように答えを使用します。 –

関連する問題