Question

我有这个功能：

//The img_src is a source of an image 
function myid_templates_editor_create_image(img_src, w, h){ 
    console.log('image source : ' + img_src);
    var body = document.querySelector('body');          
    var image = document.createElement('image');    
    image.id = 'myid_templates_editor_image';   
    image.src = img_src;                
    body.appendChild(image);    
}

调用该函数后，它会成功创建一个图像元素并将其附加到正文但图像不会显示。为什么？ img_src具有以下值：

data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOEAAADhCAYAAAA+s9J6AAAACXBIW…AkBAAAJAQAkBAAAJAQAEBCAABAQgAACQEAAAkBoAr47wDsSs6PZMN9tgAAAABJRU5ErkJggg==

Answer 1

在 createElement

中使用 img 代替 image

function myid_templates_editor_create_image(img_src, w, h){ 
    console.log(img_src);
    var body = document.querySelector('body');          
    var image = document.createElement('img');    
    image.id = 'myid_templates_editor_image';   
    image.src = img_src;                
    body.appendChild(image);    
}

分配在javascript中动态创建的图像源

1 个答案: