So senden Sie ein Bild in der servlet-Antwort an ajax?

Ich bin das hochladen einer Bild-Datei aus der Datenbank zu jsp. Ich habe ausgewählte Bild mit Hilfe von SQL, wie unten

select (logo_img_one) from accounts_logo where logo_usrm_id=1

Lese ich das Bild mit binarystream als

InputStream readImg = rs1.getBinaryStream(1);

gemacht und content-type "image/jpeg" als

response.setContentType("image/jpg");

Nun möchte ich wissen, wie getoutputstream der Antwort zu senden das Bild, um die ajax und wie man in ajax. Wie kann ich das erreichen?

InformationsquelleAutor Dhamodaran Ramasamy | 2011-06-22

  1. 1

    Dies ist nicht zur Arbeit gehen. JavaScript kann nicht speichern die abgerufenen bytes lokal oder so etwas und sagen Sie den browser, um es anzuzeigen. Beste, was Sie tun können, ist, übergeben Sie eine URL zu dem Bild zurück, die als Zeichenfolge und lassen Sie JavaScript legen Sie es als src - Attribut eines HTML - <img> element.

    E. g. in der servlet

    response.setContentType("text/plain");
response.getWriter().write(imageUrl); //e.g. "images/some.png"

    und in JS

    var imageUrl = xhr.responseText;
var img = document.createElement("img");
img.src = imageUrl;
document.getElementById("someDivId").appendChild(img);

    Diese Weise eine

    <div id="someDivId"></div>

    wird dynamisch am Ende in so etwas wie

    <div id="someDivId><img src="images/some.png" /></div>

    Können Sie erstellen ein Bild, servlet, das die streams das Bild aus der DB, um den Ausgabestrom von der Reaktion und anzeigen der servlet auf /images/*. Ein Beispiel finden Sie hier.

    InformationsquelleAutor BalusC

  2. 0

    können Sie die Ausgabe-stream wie folgt nach der Einstellung contentType 

       Printwritter out =response.getWritter();
   out.println(imageObject);
   out.flush
    Bilder sind binäre Daten, keine Charakter-Daten. Behandlung von binären Daten wie Zeichen, Daten würden nur korrupte binäre Daten.
    legen Sie Ihre content-Typ als Antwort.setContentType("image/gif");
    Herr BalusC aufhören zu kritisieren andere nd nur konzentriert in ur-Geschäft. Denn in meiner Antwort, ich hv nicht, wo schweigen von seiner Charakter-Objekt.
    Ja, Sie Tat. Sie schlug vor, mit Writer.

    InformationsquelleAutor mahesh

  3. 0

    Es funktionieren könnte... Die Idee ist, legen Sie das src-Attribut des Bildes so etwas wie:

    src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAYlJREFUeNrMVD1rwlAUPfkwBBxFKQQlDhmjqzj4F9w7FfwThZaW9n8UnDrrn1BEXNTBRQQhEE1ERRR0Sd990A7VaKJJ6YHzEu4N99z3zrsRGo2GAuCF8YFRQzSwGOuM7zJb3hgfES2o0SdGSWRLDfGhRgLpGAXS4q0VCoUCBEHwzd8skM/nUSqVoCjKybz8O1CtVn2LeZ4H27YxnU6xXC6x3+95PJPJoFKpoN1uY7vdnhfww3w+x3A4xGaz4d3quo5sNvuTTyaTXKTb7cJ13csCzWbzKKaqKj/zXC4HSZKO8iRcLpcxGAwwmUzC7UDTNBSLRSQSiVAeyUGNpM4v4XA4oNfr8eMMLJBKpWCaJn9fLBawLAur1Qq73Y6b/H0pyNyrTDYMA7PZDKPRCOv1+uQ3ZCqZe9UcOI6DTqfjW5zMbLVa3Bu6RaE9GI/HZ/P9fp8/qfipYROj+ukEnuQgEx0GImKGHGSC//UO/kTAibG+QwIfMQrUyeRXusaM94x3ERW2GT8Zn78EGACRmoKUJhB1TQAAAABJRU5ErkJggg=="

    den base64-string abgefragt werden kann über ajax, indem Sie Ihr servlet und Kodieren der Eingabe-stream entnommen aus DB.

    InformationsquelleAutor Daniel Voina

Schreibe einen Kommentar