码迷,mamicode.com
首页 > Web开发 > 详细

html2canvas.js截屏并上传到后台

时间:2018-08-15 13:04:23      阅读:583      评论:0      收藏:0      [点我收藏+]

标签:sync   async   javascrip   def   highlight   后台   rip   alert   截屏   

$("#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截屏并上传到后台

标签:sync   async   javascrip   def   highlight   后台   rip   alert   截屏   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!