SpreadJS导出Excel支持将图片导出,但是使用时需要注意导出图片需要为BASE64位图,本文介绍下如何将网路图片在前端转换为BASE64位图。
SpreadJS可以引用网络图片显示,但是由于服务器访问限制、跨域等问题ExcelIO无法将网络图片保存到Excel,所以我们Spread引用的图片需要使用Base64位图的引用。
这里我们借助canvas的toDataURL方法在前端将图片转换,下面代码将一个网路图片加载后添加到cansvs,然后使用toDataURL导出后添加到Spread,这样我们再toJSON并导出后就能在Excel中看到图片了。
var imageurl = "/wd.jpg"var imgElement = $(document.createElement("img"));imgElement.bind("load", function () {var canvas = document.createElement('CANVAS');var ctx = canvas.getContext('2d');
var dataURL;
canvas.height = this.height;
canvas.width = this.width;
ctx.drawImage(this, 0, 0);
dataURL = canvas.toDataURL("image/png");
sheet.addPicture("f2",dataURL,2,2,6,6);
});imgElement[0].src = imageurl;
更多资源
SpreadJS中文学习指南:http://demo.grapecity.com.cn/SpreadJS/TutorialSample/#/samples
SpreadJS在线英文产品文档:http://sphelp.grapecity.com/webhelp/SpreadJSWeb/webframe.html#welcome.html
如果您对SpreadJS产品感兴趣,可以到官方网站下载试用:/developer/spreadjs
如果你有疑问,可以到GCDN论坛获得技术支持:http://gcdn.grapecity.com.cn