分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 网页技术

html2canvas.js截屏并上传到后台

发布时间:2023-09-06 02:10责任编辑:林大明关键词:js
$("#example1").on("click",function(event){if(confirm("是否上传")){  event.preventDefault();   html2canvas($(".jiBMsg"), {     crossDomain: true,    xhrFields: {withCredentials: true}, ??????allowTaint: true, ????????taintTest: false, ???????background:"#fff", ??????useCORS:true,    onrendered: function(canvas) { // ?????  alert("111"); canvas.id = "mycanvas"; ??var dataUrl = canvas.toDataURL("image/jpeg");// $("body").append(‘<img src="‘+dataUrl+‘">‘);// ??????var pos = dataUrl.indexOf("4")+2;// ??????dataUrl = dataUrl.substring(pos, dataUrl.length - pos);//去掉Base64:开头的标识字符 ?????????????$.ajax({ ?????????????type: "POST", ?????????????url:url, ?????????????async: false, ?????????????data: { ‘data‘: dataUrl}, ?????????????dataType: "text", ??????????????????????success: function (data) { ?????????????????????????alert(data); ??????????????????????}, ?????????????????????error: function (err) { ????????????????????????console.log(err); ??????????????????????} ?????????????????}); ???????????} ??????})    }})

  

html2canvas.js截屏并上传到后台

原文地址:https://www.cnblogs.com/dyy-dida/p/9480755.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved