Bild asynchron zurückgeben

Question

Ich habe Bild in Bildobjekt und möchte das Bild auf dem Bildschirm mit jQuery asynchrone Anfrage anzeigen.

Bitte geben Sie mir eine Lösung.

Dank

Munish

Answer 1

Sie brauchen nicht einen asynchronen Aufruf für diesen Einsatz. Eine einfache Regelverhalten, das Bild zurückkehr:

public ActionResult Image() 
{ 
    byte[] imageData = ... 
    return File(imageData, "image/jpeg"); 
} 

und dann ein <img> Tag spritzen zu dieser Controller-Aktion in die DOM zeigen:

$('#someButton').click(function() { 
    // when some button is clicked show the image: 
    var imageUrl = '<%= Url.Action("Image", "SomeController") %>'; 
    $('body').append(
     $('<img/>').attr('src', imageUrl).attr('alt', '') 
    ); 
}); 

die einen async Anfrage und zeigen das Bild wird durch.