JQuery Bild-Daten? Ist dieser blob?

Ich bin Bearbeiten Sie eine vorhandene system zu übergeben, ein Bild aus der Datei-server-system um eine api.

Bekomme ich die Bilddaten in etwa so:

$.get("image.png", function(data) {
   document.write(data)
});

Das Ergebnis ist so etwas wie dieses:

�PNG IHDR��}Ծ�sRGB���bKGD������� pHYs��Zeit�߯,� IDATx���}��kv��;1�R;Z����HMm��3sNf��

Wahrscheinlich eine dumme Frage, aber ist das blob-Daten? Oder können diese verwendet werden, um zu rekonstruieren, ein Bild? Oder gibt es einen besseren Weg, um blob oder binary Daten?

InformationsquelleAutor Orane | 2014-11-05
  1. 2

    Es dauerte eine Weile, aber ich fand eine passende Lösung hier für eine base64-codieren Sie das Bild. Ich kann auch senden Sie die Daten über HTTP auf meinen server um das Bild zu rekonstruieren.

    http://theshravan.net/blog/get-image-data-url-using-javascript/

      var image = new Image();

  //create an empty canvas element
  var canvas = document.createElement("canvas"),
      canvasContext = canvas.getContext("2d");

  image.onload = function () {

    //Set canvas size is same as the picture
    canvas.width = image.width;
    canvas.height = image.height;

    //draw image into canvas element
    canvasContext.drawImage(image, 0, 0, image.width, image.height);

    //get canvas contents as a data URL (returns png format by default)
    var dataURL = canvas.toDataURL();

    //document.write(dataURL);
    console.log(dataURL);
  };

  image.src = "image.png";
    InformationsquelleAutor Orane
Schreibe einen Kommentar