组装预加载的图像切片时可以使用解码URI或unescape()吗?

时间:2019-03-30 05:02:10

标签: javascript

我正在尝试使用JavaScript检索和组合预加载的图像切片,但是图像仅在Firefox中呈现。

我正在尝试使用JavaScript检索和组合预加载的图像切片,但是图像仅在Firefox中呈现;图像无法在其他浏览器(IE.Edge,Opera,Chrome)中呈现。我遇到了一篇有关使用unescape()从图像文件URL的十六进制%20 中删除的文章。当尝试使用unescape()和解码URI时,在控制台中返回%20 后,它们会从文件地址中删除,但是图像也不再在FireFox中呈现。关于在除Firefox之外的其他浏览器中渲染组合切片时,我是否会缺少什么想法?我的代码在下面(嵌套循环中的row和col已在其他位置声明)。

非常感谢。

function assembleImage(imageSlice){

  var assembleImage = document.getElementById("prodImage");
  var imageTable = "<table>";

  for (var r = 0; r < row; r++){
    imageTable += "<tr>";
    console.log(imageTable);
    for (var c = 0; c < col; c++){
      imageTable += "<td><img class='imgSlice' src = " + decodeURI(imageSlice[r][c].src) + "/></td>";
    }
    imageTable += "</tr>";
  }
  imageTable += "</table>";
  assembleImage.innerHTML = imageTable;
}

0 个答案:

没有答案