码上敲享录 > js常见问题解答 > html2canvas生产图片时标签内img图片没显示

html2canvas生产图片时标签内img图片没显示

上一章章节目录下一章 2020-08-14已有106人阅读 评论(0)

html2canvas 标签内img图片没显示问题


解决方法:

我上传图片到页面可以正常显示,但使用html2canvas生产图片时图片丢失了不显示,后来我把img的src的值转成base64格式就可以了

下面inputFiles[0]就是上传的文件

const reader = new FileReader();

         reader.onload = function (ev) {

             // base64码

             var imgFile = ev.target.result;//或e.target都是一样的

             document.querySelector("img").src = ev.target.result;

   }

   //发起异步读取文件请求,读取结果为data:url的字符串形式,

       $('#cropedBigImg').attr('src',reader.readAsDataURL(inputFiles[0]));


0

有建议,请留言!

  • *您的姓名:

  • *所在城市:

  • *您的联系电话:

    *您的QQ:

  • 咨询问题:

  • 提 交