html2canvas生成的图片数据太大传不到后台之解决方法————js转成文件传给后台

继我的上一篇博客——https://blog.csdn.net/Sun_of_Rainy/article/details/86693056

现在来解决问题，解决思路（同事帮忙想出来的，我来学习哈，顺便记录下）是通过js将数据放到文件中，将文件传给后台

将画布数据转成文件的方法

我的js截图方法代码贴出来：

function saveUserTemplateAsImageData(){
     var userTemplateId = parent.window.templateId;
     var pic;
     var dataUrl ;
     var canvas2 = document.createElement("canvas");    　　　　　　　//创建一个新的canvas
     let _canvas = document.querySelector('#main');　　　　　 //这里面填写 你需要截图的div
     var w = parseInt(window.getComputedStyle(_canvas).width);
     var h = parseInt(window.getComputedStyle(_canvas).height);
     canvas2.width = w;
     canvas2.height = h;