相关疑难解决方法(0)

如何使用html2canvas上传截图?

使用html2canvas如何将屏幕截图保存到对象?我一直在探索演示,并看到生成屏幕截图的函数生成如下:

$(window).ready(function() {
  ('body').html2canvas();       
});
Run Code Online (Sandbox Code Playgroud)

我尝试过的是

$(window).ready(function() {
  canvasRecord = $('body').html2canvas(); 
  dataURL = canvasRecord.toDataURL("image/png");
  dataURL = dataURL.replace(/^data:image\/(png|jpg);base64,/, "");
  upload(dataURL);

});
Run Code Online (Sandbox Code Playgroud)

然后,我将其传递给我的upload()函数.我遇到的问题是,我无法弄清楚在html2canvas()库中制作屏幕截图的位置或者什么函数返回它.我试着转换使用Canvas对象从SO答案(虽然我不能肯定我需要做到这一点).


我只问了一个问题,关于如何上传文件到imgur,有答案(尤其是@ bebraw的)帮助我明白我需要做的.

upload()函数来自Imgur示例api帮助:

function upload(file) {
   // file is from a <input> tag or from Drag'n Drop
   // Is the file an image?
   if (!file || !file.type.match(/image.*/)) return;

   // It is!
   // Let's build a FormData object
   var fd = new FormData();
   fd.append("image", file); // …
Run Code Online (Sandbox Code Playgroud)

javascript ajax upload screenshot html2canvas

9
推荐指数
1
解决办法
2万
查看次数

标签 统计

ajax ×1

html2canvas ×1

javascript ×1

screenshot ×1

upload ×1