blocks|key|2100810|text|最近在https://github.com/restyler/instagram-php-scraper上也报告了同样的问题。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|2100811|Instagram现在可以设置cross-origin-resource-policy:+same-origin，如果它不喜欢你的浏览器在加载图片时发送到cdninstagram域的"referer“。|style|CODE|2100812|缓解这种情况的方法之一可能是创建一个简单的图像代理，它将在您的域上工作，从instagram服务器下载图像到您的服务器，然后将其输出到浏览器。|2100813|以下是CloudFlare镜像代理的示例：|2100814|https://gist.github.com/restyler/6c51e3ad20d7596e799d76e87cf93236|2100815|效率不是很高，但可以是自托管的PHP实现：|2100816|https://github.com/restyler/inwidget-proxified/blob/master/imgproxy.php|2100817|在代理上添加额外的缓存层可能是一个好主意，以减少对instagram+cdn服务器的重复图像请求量。|2100818|当您的镜像代理运行时，您只需将所有instagram镜像srcs替换为代理版本。|2100819|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/restyler/instagram-php-scraper|1|2^0|3|1D|0|0|F|15|0|0|0|0|1T|1|0|0|0|1Z|2|0|0|0^^$0|@$1|2|3|4|5|6|7|15|8|@]|9|@$A|16|B|17|1|18]]|C|$]]|$1|D|3|E|5|6|7|19|8|@$A|1A|B|1B|F|G]]|9|@]|C|$]]|$1|H|3|I|5|6|7|1C|8|@]|9|@]|C|$]]|$1|J|3|K|5|6|7|1D|8|@]|9|@]|C|$]]|$1|L|3|M|5|6|7|1E|8|@]|9|@$A|1F|B|1G|1|1H]]|C|$]]|$1|N|3|O|5|6|7|1I|8|@]|9|@]|C|$]]|$1|P|3|Q|5|6|7|1J|8|@]|9|@$A|1K|B|1L|1|1M]]|C|$]]|$1|R|3|S|5|6|7|1N|8|@]|9|@]|C|$]]|$1|T|3|U|5|6|7|1O|8|@]|9|@]|C|$]]|$1|V|3|-4|5|6|7|1P|8|@]|9|@]|C|$]]]|W|$X|$5|Y|Z|10|C|$11|12]]|13|$5|Y|Z|10|C|$11|M]]|14|$5|Y|Z|10|C|$11|Q]]]]

The same issue was reported recently on <a href="https://github.com/restyler/instagram-php-scraper" rel="nofollow noreferrer">https://github.com/restyler/instagram-php-scraper</a>.
Instagram now sets <code>cross-origin-resource-policy: same-origin</code> if it doesn't like the &quot;referer&quot; which your browser sends to cdninstagram domain when loading image.
One of ways to mitigate this might be to create a simple image proxy which will work on your domain, download the image from instagram server to your server, and then output it to the browser.
<h4>Here is an example of CloudFlare image proxy:</h4>
<a href="https://gist.github.com/restyler/6c51e3ad20d7596e799d76e87cf93236" rel="nofollow noreferrer">https://gist.github.com/restyler/6c51e3ad20d7596e799d76e87cf93236</a>
<h4>Not that efficient, but can be self-hosted, PHP implementation:</h4>
<a href="https://github.com/restyler/inwidget-proxified/blob/master/imgproxy.php" rel="nofollow noreferrer">https://github.com/restyler/inwidget-proxified/blob/master/imgproxy.php</a>
It might be a good idea to add additional caching layer on the proxy to reduce the amount of duplicate image requests to instagram cdn servers.
When you have your image proxy running, you just need to replace all instagram image srcs to the proxified versions.

blocks|key|5082994|text|对于php，我把我的img+src改成了这个，它的效果很不错！假设$image是来自instagram页面的instagram图片cdn链接：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5082995|'data:image/jpg;base64,'.base64_encode(file_get_contents($image))|code-block|syntax|javascript|5082996|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

for php; I changed my img src to this and it works like charm! Assume that $image is the instagram image cdn link came from instagram page:
<pre><code>'data:image/jpg;base64,'.base64_encode(file_get_contents($image))
</code></pre>

blocks|key|2100886|text|现在100%25工作。你可以试试这个。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2100887|corsDown|offset|length|2100888|2100889|使用谷歌翻译漏洞，它可以显示任何图像网址，无论有没有权限。所有这些过程都是由访问者的IP和计算机完成的。|unordered-list-item|2100890|2100891|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/crypto-su/corsDown^0|0|0|8|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|T|8|@]|9|@$D|U|E|V|1|W]]|A|$]]|$1|F|3|-4|5|6|7|X|8|@]|9|@]|A|$]]|$1|G|3|H|5|I|7|Y|8|@]|9|@]|A|$]]|$1|J|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|10|8|@]|9|@]|A|$]]]|L|$M|$5|N|O|P|A|$Q|R]]]]

now 100% working.
You can try this.
<a href="https://github.com/crypto-su/corsDown" rel="nofollow noreferrer">corsDown</a>
<ul>
<li>Using the Google translation vulnerability, it can display any image URL, with or without permission. All these processes are done by the visitor's IP and computer.</li>
</ul>

blocks|key|2969702|text|我也有同样的问题，当我尝试加载Instagram的图片url+(我尝试了3个IP地址)时，我在控制台上看到了以下内容：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|2969703|2969704|无法加载资源:+net::ERR_BLOCKED_BY_RESPONSE|blockquote|2969705|2969706|2969707|你可以在这里看到，Instagram的图片没有加载(实际上，当我在google上粘贴这个url时，它是有效的，但Instagram在这些图片上加了一个时间戳，所以它可能不适用于你)。|2969708|这是最近的，3天前，它没有任何问题。|2969709|​|2969710|<img+src="https://scontent-cdt1-1.cdninstagram.com/v/t51.2885-19/s320x320/176283370_363930668352575_6367243109377325650_n.jpg?tp=1&_nc_ht=scontent-cdt1-1.cdninstagram.com&_nc_ohc=nC7FG1NNChYAX8wSL7_&edm=ABfd0MgBAAAA&ccb=7-4&oh=696d56547f87894c64f26613c9e44369&oe=60AF5A34&_nc_sid=7bff83">|code-block|syntax|javascript|2969711|2969712|entityMap^0|0|0|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|V|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|W|8|@]|9|@]|A|$]]|$1|C|3|D|5|E|7|X|8|@]|9|@]|A|$]]|$1|F|3|-4|5|6|7|Y|8|@]|9|@]|A|$]]|$1|G|3|-4|5|6|7|Z|8|@]|9|@]|A|$]]|$1|H|3|I|5|6|7|10|8|@]|9|@]|A|$]]|$1|J|3|K|5|6|7|11|8|@]|9|@]|A|$]]|$1|L|3|M|5|6|7|12|8|@]|9|@]|A|$]]|$1|N|3|O|5|P|7|13|8|@]|9|@]|A|$Q|R]]|$1|S|3|M|5|6|7|14|8|@]|9|@]|A|$]]|$1|T|3|-4|5|6|7|15|8|@]|9|@]|A|$]]]|U|$]]

I have the same problem, when I try to load a Instagram's pictures url (I tried with 3 IP addresses), I see this on the console:
<blockquote>
Failed to load resource: net::ERR_BLOCKED_BY_RESPONSE
</blockquote>
You can see it here, the Instagram image doesn't load (Actually, when I paste this url on google it works, but Instagram puts a timestamp on there pictures so, it's possible it won't work for you).
It's very recent, 3 days ago, it works with no issues.
<div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;img src="https://scontent-cdt1-1.cdninstagram.com/v/t51.2885-19/s320x320/176283370_363930668352575_6367243109377325650_n.jpg?tp=1&amp;_nc_ht=scontent-cdt1-1.cdninstagram.com&amp;_nc_ohc=nC7FG1NNChYAX8wSL7_&amp;edm=ABfd0MgBAAAA&amp;ccb=7-4&amp;oh=696d56547f87894c64f26613c9e44369&amp;oe=60AF5A34&amp;_nc_sid=7bff83"&gt;</code></pre>
</div>
</div>

blocks|key|192749|text|答案如下。您可以使用imgproxy.php文件。你可以这样做：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|192750|echo+'<a+href="'+.+$item->link+.+'"+class="image"+target="_blank">
+++++++++<span+style="background-image:url(imgproxy.php?url='+.+urlencode($thumbnail)+.+');">&nbsp;
++++++</a>';|code-block|syntax|javascript|192751|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

The answer is as follows. You can use the imgproxy.php file. You can do it like this:
<pre><code>echo '&lt;a href=&quot;' . $item-&gt;link . '&quot; class=&quot;image&quot; target=&quot;_blank&quot;&gt;
 &lt;span style=&quot;background-image:url(imgproxy.php?url=' . urlencode($thumbnail) . ');&quot;&gt;&amp;nbsp;&lt;/span&gt;
 &lt;/a&gt;';
</code></pre>

blocks|key|5083059|text|使用PHP+u可以抓取图像的内容，并通过设置头部在php文件中将其显示为图像：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|5083060|<?php
$img_ctn+=+file_get_contents("https://scontent-ber1-1.cdninstagram.com/v/......");
header('Content-type:+image/png');
echo+$img_ctn;|code-block|syntax|javascript|5083061|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Using PHP
u can grab content of the image and show it in php file as an image by setting the header:
<pre><code>&lt;?php
$img_ctn = file_get_contents(&quot;https://scontent-ber1-1.cdninstagram.com/v/......&quot;);
header('Content-type: image/png');
echo $img_ctn;
</code></pre>

blocks|key|194701|text|您可以使用Base64编码来显示图像。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|194702|基于@abubakar-ahmad应答的Base64函数。|offset|length|194703|JavaScript：|194704|export+const+checkUserNameAndImage+=+(userName)+=>+{
/*+CALL+THE+API+*/
return+new+Promise((resolve,+reject)+=>+{
fetch(`/instagram`,+{
++method:+"POST",
++headers:+{
++++Accept:+"application/json",
++++"Content-Type":+"application/json",
++},
++body:+JSON.stringify({+userName+}),
})
++.then(function+(response)+{
++++return+response.text();
++})
++/*+GET+RES+*/
++.then(function+(data)+{
++++const+dataObject+=+JSON.parse(data);
++++/*+CALL+BASE64+FUCNTION+*/
++++toDataUrl(dataObject.pic,+function+(myBase64)+{
++++++/*+INSERT+TO+THE+OBEJECT+BASE64+PROPERTY+*/
++++++dataObject.picBase64+=+myBase64;
++++++/*+RETURN+THE+OBJECT+*/
++++++resolve(dataObject);
++++});
++})
++.catch(function+(err)+{
++++reject(err);
++});
});
};|code-block|syntax|javascript|194705|Base64函数：|194706|function+toDataUrl(url,+callback)+{
var+xhr+=+new+XMLHttpRequest();
xhr.onload+=+function+()+{
var+reader+=+new+FileReader();
reader.onloadend+=+function+()+{
++callback(reader.result);
};
+++reader.readAsDataURL(xhr.response);
++};
+xhr.open("GET",+url);
+xhr.responseType+=+"blob";
+xhr.send();
}|194707|现在，不使用原始URL，而是使用picBase64属性：|194708|<image+src={data.picBase64)}/>|194709|entityMap|0|LINK|mutability|MUTABLE|url|https://stackoverflow.com/a/43015238^0|0|2|F|0|0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|12|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|13|8|@]|9|@$D|14|E|15|1|16]]|A|$]]|$1|F|3|G|5|6|7|17|8|@]|9|@]|A|$]]|$1|H|3|I|5|J|7|18|8|@]|9|@]|A|$K|L]]|$1|M|3|N|5|6|7|19|8|@]|9|@]|A|$]]|$1|O|3|P|5|J|7|1A|8|@]|9|@]|A|$K|L]]|$1|Q|3|R|5|6|7|1B|8|@]|9|@]|A|$]]|$1|S|3|T|5|J|7|1C|8|@]|9|@]|A|$K|L]]|$1|U|3|-4|5|6|7|1D|8|@]|9|@]|A|$]]]|V|$W|$5|X|Y|Z|A|$10|11]]]]

You can display the Image using Base64 encoded.
Base64 func based on <a href="https://stackoverflow.com/a/43015238">@abubakar-ahmad</a> answer.
JavaScript:
<pre><code>export const checkUserNameAndImage = (userName) =&gt; {
/* CALL THE API */
return new Promise((resolve, reject) =&gt; {
fetch(`/instagram`, {
 method: &quot;POST&quot;,
 headers: {
 Accept: &quot;application/json&quot;,
 &quot;Content-Type&quot;: &quot;application/json&quot;,
 },
 body: JSON.stringify({ userName }),
})
 .then(function (response) {
 return response.text();
 })
 /* GET RES */
 .then(function (data) {
 const dataObject = JSON.parse(data);
 /* CALL BASE64 FUCNTION */
 toDataUrl(dataObject.pic, function (myBase64) {
 /* INSERT TO THE OBEJECT BASE64 PROPERTY */
 dataObject.picBase64 = myBase64;
 /* RETURN THE OBJECT */
 resolve(dataObject);
 });
 })
 .catch(function (err) {
 reject(err);
 });
});
};
</code></pre>
Base64 func:
<pre><code>function toDataUrl(url, callback) {
var xhr = new XMLHttpRequest();
xhr.onload = function () {
var reader = new FileReader();
reader.onloadend = function () {
 callback(reader.result);
};
 reader.readAsDataURL(xhr.response);
 };
 xhr.open(&quot;GET&quot;, url);
 xhr.responseType = &quot;blob&quot;;
 xhr.send();
}
</code></pre>
Now, instead of using the original URL, use the picBase64 property:
<pre><code>&lt;image src={data.picBase64)}/&gt;
</code></pre>

blocks|key|194711|text|我已经建立了一个简单的基于PHP的媒体代理，以最大限度地减少复制和粘贴。https://github.com/skmachine/instagram-php-scraper#media-proxy-solving-cors-issue-neterr_blocked_by_response|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|194712|在web服务器公共文件夹中创建mediaproxy.php文件，并将instagram图像urls传递给该文件。|194713|<?php
use+InstagramScraper\MediaProxy;

//+use+allowedReferersRegex+to+restrict+other+websites+hotlinking+images+from+your+website
$proxy+=+new+MediaProxy(['allowedReferersRegex'+=>+"/(yourwebsite\.com%7Canotherallowedwebsite\.com)$/"]);

$proxy->handle($_GET,+$_SERVER);|code-block|syntax|javascript|194714|entityMap|0|LINK|mutability|MUTABLE|url|https://github.com/skmachine/instagram-php-scraper#media-proxy-solving-cors-issue-neterr_blocked_by_response^0|10|30|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@]|9|@$A|T|B|U|1|V]]|C|$]]|$1|D|3|E|5|6|7|W|8|@]|9|@]|C|$]]|$1|F|3|G|5|H|7|X|8|@]|9|@]|C|$I|J]]|$1|K|3|-4|5|6|7|Y|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]]]

I have built a simple PHP based media proxy to minimize copy&amp;paste.
<a href="https://github.com/skmachine/instagram-php-scraper#media-proxy-solving-cors-issue-neterr_blocked_by_response" rel="nofollow noreferrer">https://github.com/skmachine/instagram-php-scraper#media-proxy-solving-cors-issue-neterr_blocked_by_response</a>
Create mediaproxy.php file in web server public folder and pass instagram image urls to it.
<pre class="lang-php prettyprint-override"><code>&lt;?php
use InstagramScraper\MediaProxy;

// use allowedReferersRegex to restrict other websites hotlinking images from your website
$proxy = new MediaProxy(['allowedReferersRegex' =&gt; &quot;/(yourwebsite\.com|anotherallowedwebsite\.com)$/&quot;]);

$proxy-&gt;handle($_GET, $_SERVER);
</code></pre>

blocks|key|194729|text|我懒得去做建议的解决方案，因为我有一个nodejs服务器发送给我的urls，我只是编写了新的函数来获取图片，将它们转换为base64并将它们发送到我的前端。是的，它更慢也更重，但它能帮我完成工作，因为我对性能的需求不是很大。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|194730|从url片段中获取并返回base64|194731|const+getBase64Image+=+async+(url)+=>+{
++return+new+Promise((resolve,+reject)+=>+{
++++//+Safety+net+so+the+entire+up
++++//+doesn't+fucking+crash
++++if+(!url)+{
++++++resolve(null);
++++}
++++https
++++++.get(url,+(resp)+=>+{
++++++++resp.setEncoding("base64");
++++++++body+=+"data:"+%2B+resp.headers["content-type"]+%2B+";base64,";
++++++++resp.on("data",+(data)+=>+{
++++++++++body+%2B=+data;
++++++++});
++++++++resp.on("end",+()+=>+{
++++++++++resolve(body);
++++++++});
++++++})
++++++.on("error",+(e)+=>+{
++++++++reject(e.message);
++++++});
++});
};|code-block|syntax|javascript|194732|为此，您不需要任何外部模块。|194733|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|N|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|O|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|P|8|@]|9|@]|A|$]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

I was too lazy to do the suggested solutions and since i had a nodejs server sending me urls i just wrote new functions to get the images, convered them to base64 and sent them to my frontend. Yes it's slower and heavier but it gets the job done for me since i don't have a huge need for performance.
Fetch and return base64 from url snippet
<pre class="lang-js prettyprint-override"><code>const getBase64Image = async (url) =&gt; {
 return new Promise((resolve, reject) =&gt; {
 // Safety net so the entire up
 // doesn't fucking crash
 if (!url) {
 resolve(null);
 }
 https
 .get(url, (resp) =&gt; {
 resp.setEncoding(&quot;base64&quot;);
 body = &quot;data:&quot; + resp.headers[&quot;content-type&quot;] + &quot;;base64,&quot;;
 resp.on(&quot;data&quot;, (data) =&gt; {
 body += data;
 });
 resp.on(&quot;end&quot;, () =&gt; {
 resolve(body);
 });
 })
 .on(&quot;error&quot;, (e) =&gt; {
 reject(e.message);
 });
 });
};
</code></pre>
You don't need any external modules for this.

I created a script that extracts photos in the gallery of a certain profile…
Using instagram-web-api
Unfortunately now it no longer works, instagram does not return the image of the media
This is the mistake:
ERR_BLOCKED_BY_RESPONSE
Instagram has changed it’s CORS policy recently? How I can fix?

Instagram web api get: :ERR_BLOCKED_BY_RESPONSE

翻译质量差，导致语言生硬或混乱。

没有提供实际的解决方法或示例。

解答不清晰，无法理解或解决问题。

页面排版不美观，阅读体验差。

文章

问答

视频

教程

学习中心

腾讯云实验室

直播

竞赛

腾讯云代码分析专区

腾讯iOA零信任安全管理系统专区

腾讯云架构师技术同盟交流圈

腾讯云数据库专区

腾讯云智能顾问专区

腾讯云原生专区

腾讯混元专区

腾讯云TCE专区

腾讯云Lighthouse专区

腾讯云HAI专区

腾讯云Edgeone专区

腾讯云存储专区

腾讯云智能专区

腾讯轻联专区 

腾讯云开发专区

TAPD专区

腾讯轻量云游戏服专区

腾讯云最具价值专家

腾讯云架构师技术同盟

腾讯云创作之星

腾讯云开发者先锋

腾讯云AI代码助手

云原生构建

TAPD 敏捷项目管理

Cloud Studio

SDK中心

API中心

命令行工具

功能1上新10个字符

功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符功能2描述100个字符。

功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符功能2上新100个字符。

功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符功能5描述100个字符

功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符功能5上新100个字符

功能4上新

文章&问答评论现已支持表情

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验

社区富文本编辑器全新改版！诚邀体验～ 

精选全网热门MCP server，让你的AI更好用 🚀

💥开发者 MCP广场重磅上线！

涵盖代码开发、场景应用、自动测试全流程，助你从零构建专属AI助手

一站式MCP教程库，解锁AI应用新玩法

聚焦“写作效率、视觉美观与运行性能”三方面进行全面升级，为您提供更高效、稳定的创作环境

社区富文本&Markdown编辑器全新改版上线，欢迎大家体验!

诚挚邀请您参与本次调研，分享您的真实使用感受与建议。您的反馈至关重要，感谢您的支持与参与！

社区新版编辑器体验调研

我创建了一个脚本来提取某个个人资料…库中的照片使用instagram-web-api不幸的是，它现在不再工作了，instagram不能返回媒体的图像这是错误的: ERR_BLOCKED_BY_RESPONSEInstagram最近改变了它的CORS政策？我该怎么解决呢？

问Instagram web api get：:ERR_BLOCKED_BY_RESPONSE
EN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Instagram web api get：:ERR_BLOCKED_BY_RESPONSEEN

回答 9

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问Instagram web api get：:ERR_BLOCKED_BY_RESPONSE
EN