Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/90.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用javascript将图像转换为base64_Javascript_Html_Canvas - Fatal编程技术网

使用javascript将图像转换为base64

使用javascript将图像转换为base64,javascript,html,canvas,Javascript,Html,Canvas,警报(dataURL)未显示任何结果。是否未生成弹出窗口?如何解决这个问题? 有什么问题吗?有一个跨源问题。。。尝试使用这个函数 function convertImgToBase64(url){ var canvas = document.createElement('CANVAS'); var ctx = canvas.getContext('2d'); var img = new Image; img.crossOrigin = 'Anonymous'; img.o

警报(dataURL)未显示任何结果。是否未生成弹出窗口?如何解决这个问题?

有什么问题吗?

有一个跨源问题。。。尝试使用这个函数

 function convertImgToBase64(url){

  var canvas = document.createElement('CANVAS');
  var ctx = canvas.getContext('2d');
  var img = new Image;
  img.crossOrigin = 'Anonymous';
  img.onload = function(){
    canvas.height = img.height;
    canvas.width = img.width;
      ctx.drawImage(img,0,0);
      var dataURL = canvas.toDataURL('image/png',"");
      alert(dataURL);

      canvas = null; 
  };
  img.src = url;



}

var url_to_be_converted = "http://www.google.com/image/sample"
convertImgToBase64(url_to_be_converted);

我删除了上下文,并以不同的方式加载了图像

缺少分号?应该是
var url\u to\u be\u converted=”http://www.google.com/image/sample";不,它不是一个problem@tillz:分号在JavaScript中是可选的,尽管它们的省略有时会导致意外问题。
function convertImgToBase64(url)
{
    var canvas = document.createElement('CANVAS');
    img = document.createElement('img'),
    img.src = url;
    img.onload = function()
    {
        canvas.height = img.height;
        canvas.width = img.width;
        var dataURL = canvas.toDataURL('image/png');
        alert(dataURL);
        canvas = null; 
    };
}