首页 > 其他分享 >跨域图片转base64

跨域图片转base64

时间:2023-05-22 11:33:46浏览次数:36  
标签:canvas dataURL 跨域 img base64 height var 图片

<script>
function ImgToBase64(img) {

var canvas = document.createElement('canvas');
var ctx = canvas.getContext('2d');
canvas.height = img.height;
canvas.width = img.width;
ctx.drawImage(img, 0, 0);
var dataURL = canvas.toDataURL('image/png');

img.removeAttribute("onload");
img.src = dataURL;
canvas = null;

}
</script>

<img  onl oad="ImgToBase64(this)" crossorigin="anonymous"  src="xxxxxxxx" />

标签:canvas,dataURL,跨域,img,base64,height,var,图片
From: https://www.cnblogs.com/QJZY/p/17420200.html

相关文章

  • 阿里云对象存储OSS————跨域资源共享(CORS)(m3u8 无法加载m3u8:跨域访问被拒绝)...
    今天在做视频直播录像的时候,添加一个录制APP的.M3U8文件到OSS的一个test文件中存储,结果是访问不到了:提示:无法加载m3u8:跨域访问被拒绝!!!!!项目代码测试地址:https://github.com/Tinywan/ThinkPhpStudy阿里云帮助文档:https://help.aliyun.com/document_detail/31928.html......
  • Qt for Mobile程序设置启动图片
    QtforMobile默认是用了一张纯黑的图片作为程序启动图片,所以一开始程序启动时会出现1到几秒的黑屏,机器越慢,这个时间越长,比较不美观,我们可以自己动手设置上适合的图片。移动app的启动图片在iOS上叫launchimage,在Android上叫splashscreen,在istkani上都用上了。在iOS上传统的做法,可......
  • Nodejs(七)-跨域访问
     今天在使用ajax(http://localhost:8080%EF%BC%89%E8%B0%83%E7%94%A8nodejs%E5%86%99%E7%9A%84restfulAPI(http://localhost:3000%EF%BC%89%E6%97%B6%EF%BC%8C%E6%8A%A5%E4%BA%86%E5%A6%82%E4%B8%8B%E4%B8%80%E4%B8%AA%E9%94%99%E8%AF%AF%EF%BC%9AXMLHttpRequestcannotloadhttp:......
  • 跨域JSONP原理及调用具体示例
    上篇博客介绍了同源策略和跨域访问概念,其中提到跨域常用的基本方式:JSONP和CORS。 那这篇博客就介绍JSONP方式。  JSONP原理  在同源策略下,在某个服务器下的页面是无法获取到该服务器以外的数据的,但img、iframe、script等标签是个例外,这......
  • 利用流来提高图片在服务器响应时间
    前面谈过如何巧用外部资源,尽可能减低服务器负载,CSS通过合并压缩,JS进行压缩小文件大小来加快服务器的响应的时间,在网站看到一篇用流的形式来加载图片,速度快上好几倍,采用MXHR技术,MXHR全称为MultipartXMLHttpRequest。它允许客户端只用一个HTTP请求就可以从服务端向客户端传送多......
  • NSFW 图片分类
    NSFW指的是 不适宜工作场所("NotSafe(orSuitable)ForWork;")。在本文中,将介绍如何创建一个检测NSFW图像的图像分类模型。 完整文章https://avoid.overfit.cn/post/8f681841d02e4a8db7bcf77926e123f1......
  • APP自动化--pytest-把图片添加到测试报告中
    pytest输出测试报告时,有时候需要把截图插入报告中,操作可以如下用例如下:frompytest_htmlimportextras导入包#!/usr/bin/envpython#-*-coding:utf-8-*-#@Time:2023/5/1217:44#@Author:gezirui#@File:test_dsw_app_ss_011_截图实现.py#@Softw......
  • Word批量修改图片环绕方式与尺寸大小
    前提:一份Word文档里面有100张图片,有大有小,需要将100张图片更改为统一大小,宽度与高度均为5厘米,同时环绕方式也需要改成四周型。默认Word图片的默认环绕方式为嵌入型,需要统一更改为四周型,然后才能批量更改大小,而批量更改大小方式需要使用VBA代码。第一步:打开 Word文档,并按下Alt+......
  • 图片统一横纵和分辨率,数据增强
    1.统一图片横纵向方向fromPILimportImageimportosfolder_path="D:\Dataset\沙坑/2023.5.18\阿凯"#Replacewiththeactualfolderpath#Iterateoverthefilesinthefolderforfilenameinos.listdir(folder_path):iffilename.endswith(".jp......
  • 推荐AVIF图片格式转换器
    推荐一个可以把图片转换成AVIF格式的命令行软件。exe文件下载地址,选择avifenc.exe(即AVIF编码器)下载,即可把图片转换为AVIF格式,从而节省大量空间。其中avifdec.exe是AVIF解码器,用于把AVIF格式转换为其他格式。其中zip文件是用于Windows下编译的源码。源代码地址:AOMediaCodec/libav......