【ScriptsV9.40.20161.0】【sheet.addPicture方法添加多个图片只能显示最后一个图

收藏

我公司使用的V9.4 版本，js gcspread.sheets.all.9.40.20161.0.min.js。目前出现以下问题。使用sheet.addPicture()方法添加多个图片时，页面只能显示最后一次添加的图片（添加一张图片正常显示，添加4张图片只显示第四张，不显示前边三个图片，控制台，查看图片加载正常）。已知项目正常运行好几年，最近突然出现该问题。代码示例如下：
spread = new GcSpread.Sheets.Spread(document.getElementById("SpreadJS"), { sheetCount: 1 });
var sheet = spread.getSheet(sheetNum);
sheet.addPicture(jsonOne.itemType,value,85,6,6,7);

已尝试过使用url图片以及base64图片，均无法解决该问题。 image.png836369628.png

浏览器为chrome 89.04

Clark.Pan · Clark.Pan

您好，请您提供一个出现问题的demo，您代码我看了是只是单次操作，而且没有问题。但是我看您表述的是添加了好几张图片的，所以推测是您的多次处理这块出现了问题，这个需要您提供一个能够重现问题的demo，我们具体看一下。

L守O望V者E · L守O望V者E

ClarkPan 发表于 2021-4-21 18:01
您好，请您提供一个出现问题的demo，您代码我看了是只是单次操作，而且没有问题。但是我看您表述的是添加了 ...

这里只是提供了，添加示例代码，而且正常运行数十月。页面逻辑很复杂，故暂时没有demo。目前在尝试回退浏览器版本，排除这方面原因

Clark.Pan · Clark.Pan

那我建议您这么测试一下，弄一个干净的页面，引入对应版本的SpreadJS,然后按照您添加图片的操作添加几个图片，看一下是否能重现，这样首先能够排除是否是产品本身代码或者bug造成的问题。如果仍能重现，您可以将这个demo发给我，我们具体看一下是什么原因导致的。

L守O望V者E · L守O望V者E

ClarkPan 发表于 2021-4-21 18:30
那我建议您这么测试一下，弄一个干净的页面，引入对应版本的SpreadJS,然后按照您添加图片的操作添加几个图 ...

好的，已基本排除浏览器版本问题

Clark.Pan · Clark.Pan

您这边按照我上述说的排除一下，期待您的结果反馈

L守O望V者E · L守O望V者E

这个附件是录屏的前端断点现象，可以先参考下。demo没有复现出问题。现在还在梳理逻辑看有没有问题

L守O望V者E · L守O望V者E

最新的表现为，实际上图片应该是已经渲染了，复制页面到本地静态页面打开，能看到 canvas已经渲染了图片。并且单元格的div里边 background-img属性也是正常的，但是就只会显示最后个图片。使用局部load Spread的div也没有生效。

Clark.Pan · Clark.Pan

本帖最后由 ClarkPan 于 2021-4-23 09:12 编辑

看了一下，推测应该是因为您添加图片的名称都是一样的都叫itemVo.testTime，由于添加图片中图片不能重名，所以这样做导致了您图片只会出现一个的问题。

L守O望V者E · L守O望V者E

ClarkPan 发表于 2021-4-23 09:10
看了一下，推测应该是因为您添加图片的名称都是一样的都叫itemVo.testTime，由于添加图片中图片不能重名， ...

循环取值，变量名中的值是不一样的啊，可以看第一张图，实际上图片是好的，但是显示只显示了最后一个

		自动登录	找回密码
密码			立即注册

[已处理] 【ScriptsV9.40.20161.0】【sheet.addPicture方法添加多个图片只能显示最后一个图

12 个回复

讲师达人

悬赏达人

微信认证勋章

SpreadJS 认证

SpreadJS 高级认证

元老葡萄