如何使用html2canvas中的代理在div中加载外部图像

时间:2019-04-15 07:06:18

标签: php jquery proxy html2canvas

我正在尝试使用html2canvas库捕获div的一部分。一切正常,但是html2canvas不能捕获外部(其他域)图像。为此,我正在使用代理在框架中加载跨域图像。我在控制台中收到以下错误。

enter image description here

脚本文件:

<script language="javascript">
$(document).ready(function() {

$("#capture").click(function(){

    html2canvas($('#preview-container').get(0),{logging:true,useCORS: true,proxy:'<?=base_url()?>proxy'},{}).then( function (canvas) {
    console.log(canvas.toDataURL());
   dataURL= canvas.toDataURL('image/jpeg', 0.9).split(',')[1];

        $.ajax({
        url: 'https://api.imgur.com/3/image',
        type: 'post',
        headers: {
            Authorization: 'Client-ID **********'
        },
        data: {
            image: dataURL
        },
        dataType: 'json',
        error:function(response){

        console.log(response);

        },
        success: function(response) {
            if(response.success) {
                alert(response.data.link);
               // window.location = response.data.link;

            }
        }
    });


 });



});
});
</script>

代理代码

https://codeshare.io/G6MOzQ

0 个答案:

没有答案