Render-byte [], um das Bild mithilfe von jQuery

Derzeit lese ich ein Bild aus einer SQL Server-Datenbank als byte[]. Ich möchte das Bild entweder als byte[] oder ein echtes Bild von jQuery dynamisch laden.

Wie und was wäre der beste Ansatz, um dies zu tun?

Vielen Dank im Voraus. 🙂

Edit: Hier ist die Lösung:

  1. Server-side /C#:
    string json = JsonConvert.SerializeObject(employee);
  2. Client-side /Ajax:
    $('#image').attr('src', "data:image/jpg;base64,"+employee.Image);
InformationsquelleAutor rebelliard | 2011-02-25
  1. 9

    Return das byte[] von einem Web-Server mit dem korrekten content-type setzen, so dass Sie sollten in der Lage sein, um es als Quelle für ein Bild-tag. Sollte die einfachste Lösung sein.

    • Was meinst du mit dem korrekten content-type setzen? FYI, ich benutze Json.NET um die Daten für jQuery. Dann würde ich nur tun, <img src=$imagebytes /> ? Danke.
    • beispielsweise in jpeg -, Satz-Anfrage.contenttype ="image/jpeg", aber wenn du einfach nur wieder das byte[] in einen ajax-request, dann müssen Sie etwas tun, ähnlich wie im browser
    • Danke. Mit dir und @Tesserex Antwort, wir haben es an die Arbeit. 🙂
    InformationsquelleAutor Fredrik Leijon
  2. 7

    Wenn Sie müssen es tun, auf diese Weise können Sie Bild einfügen von Daten direkt in das src-Attribut mit der folgenden syntax:

    data:image/<type>;base64,<data>

    Ersetzen mit der Bildtyp (jpg, png, gif) und mit Ihren Daten, codiert in base64.

    Jedoch, wie decyclone sagt, der beste Weg, dies zu tun wäre, im erstellen einer getrennten Seite, die gibt nur Ihre Bild-Daten, und sendet die entsprechenden content-type-header. Dann legen Sie die image-src, um auf diese Seite zeigen.

    InformationsquelleAutor Tesserex
  3. 3

    Ich glaube nicht, dass mit jQuery ist die richtige Sache zu tun hier. Es ist eine clientseitige Sache. JavaScript, um genau zu sein.

    In der Regel, die Sie erstellen eine Seite, die schreibt alle diese bytes im array mit Response.Write() und das setzen des content-type auf jpeg, bmp, etc. je nach image-Typ.

    InformationsquelleAutor decyclone
  4. 1

    Derzeit lese ich ein Bild von einem JSON Antwort. Ich möchte diesen kodierten string in das image-Steuerelement auf Jquery Vorlage und laden Sie es dynamisch, Wie und was wäre der beste Ansatz, um dies zu tun? Vorlage ist wie folgt:

    <script id="ImageDiv" type="image/png">
    <div style="width:200px;height:150px;>
            <img src="${ImageView}" alt="" />
        </div>
</script>

    Js-Datei ist wie folgt:

    var demo = new Object();

$.each(msg.images, function (key, value) 
            {
                if (this.IsImage)
                 {
                    demo["ImageView"]="data:image/png;base64,"+this.Image;
                    $('#ImageDiv').tmpl(demo).appendTo("#Demo-Image");

                 }
            });

    JSON Antwort lautet wie folgt:

    msg = {"Images":[ "Description": "Image1", "Image": "encoded string of image", "IsImage": true, "MimeType": "image/png", } ]

    weniger Speicherplatz zum kopieren der kodierten string mit Bild.

    InformationsquelleAutor Pushp
Schreibe einen Kommentar