Question

此JS代码无法显示图像，而是提供字符串[object HTMLImageElement] 如何修复以便在此位置显示图像？感谢

let signature = $('canvas.signature').get(0).toDataURL(); //earlier in the code

let w = window.open();
let doc = w.document;
doc.write(html);
doc.close();
let sigImg = new Image();
sigImg.src = signature;
let nodes = doc.querySelectorAll('td.Label');
for (var i = 0; i < nodes.length; i++) {
  var item = nodes[i];
  if (item.textContent === "User's signature:") {
    item.nextElementSibling.innerHTML = sigImg; //<--- failed to show the image
  }
}

修改
我没有使用的原因 item.nextElementSibling.appendChild(sigImg); 是因为我想用图像替换td元素的内容。但即使有了这个解决方案，我也会得到一个小图标，当我点击右键并在新页面中打开时，我会得到（无法访问此站点）。

Answer 1

问题出在这个

item.nextElementSibling.innerHTML = sigImg;

...改为

item.nextElementSibling.innerHTML = ''; // clear contents
item.nextElementSibling.appendChild(sigImg);

sigImg是一个对象，你会发现用你的代码显示[object object]，我假设

图像未显示在html页面中

1 个答案: