Html 采用自由CORS政策的公共托管图像?

Html 采用自由CORS政策的公共托管图像?,html,image,canvas,cors,Html,Image,Canvas,Cors,我正在做一些将图像加载到画布的测试,并在我们的aws cdn上使用一个私人托管的图像。此cdn有一个CORS策略,允许我将图像加载到画布中 我想通过github、jsbin等向全世界公开我的代码,但需要托管一两个具有自由CORS策略的映像。有没有我可以使用的图像?谷歌和谷歌图像搜索没有任何进展 在dropbox.com上开户 在公用文件夹中放置一些您有权访问的图像 dropbox公用文件夹以符合CORS的方式承载映像,因此它们可以公开共享 您可以通过右键单击公共图像来获得该图像的可共享链接 祝你

我正在做一些将图像加载到画布的测试,并在我们的aws cdn上使用一个私人托管的图像。此cdn有一个CORS策略,允许我将图像加载到画布中


我想通过github、jsbin等向全世界公开我的代码,但需要托管一两个具有自由CORS策略的映像。有没有我可以使用的图像?谷歌和谷歌图像搜索没有任何进展

在dropbox.com上开户

在公用文件夹中放置一些您有权访问的图像

dropbox公用文件夹以符合CORS的方式承载映像,因此它们可以公开共享

您可以通过右键单击公共图像来获得该图像的可共享链接

祝你的项目好运!:)

我通常用于图像(与SO用于其内联图像的站点相同)-无需注册,只需上传或粘贴图像链接即可

它支持CORS要求,所以您可以直接链接并将其与画布一起用于像素提取

若你们需要托管不同的文件除了图像,我会建议DropBox作为马克做

但是,与任何免费服务(包括ImgUr和DropBox)一样,也有限制,因此在使用链接之前,请务必阅读使用条款(ToS)(即,它们都不打算用作CDN,因此您可能希望查看一些商业CDN提供商)

启用CORS使用 如果允许,您可以在JavaScript中执行此操作-在设置src之前设置交叉原点:

var img = new Image();
img.crossOrigin = "";  // or "anonymous", will be interpreted the same
...
img.src = "...";
作为HTML标记的属性(顺序无关紧要):


imgur正在使用以下命令阻止我的映像:
跨源资源共享策略:没有“访问控制允许源”
@AgentZebra似乎工作正常。。。(请参见添加的测试),确保正确使用交叉原点特性/属性。如果您确定要这样做,请查看控制台日志/网络选项卡以查看错误消息。啊,明白了。谢谢我试着用这个把图像拉到一个PixiJS文件中<代码>var texture=PIXI.texture.fromImage(“http://imgur.com/SmYfo2m");在这种情况下,如何设置crossOrigin属性/属性?@AgentZebra只需使用
PIXI.Texture.fromImage(url,true)(参考)。还要记住使用imgurl链接和扩展名(.jpg、.png等)。示例中的链接指向页面,而不是图像本身。一个小但重要的细节:
PIXI.Texture.fromImage(“http://i.imgur.com/SmYfo2m.jpg“,对)显然,我必须注册imgur,只有在那时我的图像才启用了CORS。我尝试了这种方法,并得到:
XMLHttpRequest无法加载https://www.dropbox.com/s/i0vxg01b9qlrb4q/20130512_180852.jpg?dl=0. 请求的资源上不存在“Access Control Allow Origin”标头。起源'http://localhost:4200因此,不允许访问。
可能自2013@ValRedchenko. 是的,Dropbox“公共”文件夹不再可共享,尽管它们提供可共享文件夹是收费的——真为Dropbox感到羞耻!我无法保证此链接的有效期(来自某人的Plunker),但此指向启用CORS的映像的链接可能会对某人有所帮助:
<img crossOrigin="" src="" ...>