Question

我试图将基地64从我的数据库装上水面。

我从采取反向方法中获得了这一指示: 我在利用信道后将其节省到我的数据库。因此,我现在要把它重新装上另一个信道。我已经尝试了这一守则,我在网上和在StackOverflow的其他地方也这样做了,但似乎并没有奏效。

<script type="text/javascript">
  $(document).ready(function(){
    var canvas = document.getElementById("loading_canvas");
    var ctx = canvas.getContext("2d");

    var image = new Image();

    $.post( doodles/load , function(data) {
      image.src = data;
    });
    ctx.drawImage(image, 0, 0);
  });
</script>

我在我数据库的数据中填满了一条警示。

如果Ialert(>>data var,则显示编码的S64号指示。因此,这确实没有错。最后,我充满空洞的vas。

任何人都知道我在这里做错了什么? 感谢很多!

Answer 1

在图像负荷活动之后绘制图像:

var image = new Image();
image.onload = function () {
    ctx.drawImage(image, 0, 0);
}

$.post( doodles/load , function(data) {
    image.src = data;
});

The src needs to have a full data URL and not just a bunch of base64 data, so double-check that too. Example (from Wikipedia):

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot" />

Answer 2

如果您的数据为<>base64, data-uri,你就只能移动一条线,一切都运转良好。

<script type="text/javascript">
  $(document).ready(function(){
      var canvas = document.getElementById("loading_canvas");
      var ctx = canvas.getContext("2d");

      var image = new Image();

      $.post( doodles/load , function(data) {
      image.src = data;
      ctx.drawImage(image, 0, 0);
    });
  });
</script>

友情链接