Php 使用AXIOS和laravel组合显示图像url

现在，我正在使用AXIOS代码与laravel结合，从instagram URL获取图像。URL是这样的

https://www.instagram.com/p/B_zZCRpB895/media/?size=t

AXIOS是我的新产品。为了得到图像，我尝试了这个简单的代码。我将此代码设置到我的前端站点

<img id="imgsrc" src="" > 

<script>
 axios
  .get('https://www.instagram.com/p/B_zZCRpB895/media/?size=t', {
    responseType: 'arraybuffer'
  })
  .then(response => {
    const buffer = Buffer.from(response.data, 'base64');
    document.getElementById("imgsrc").src = Buffer;
    console.log(Buffer);  
  })
  .catch(ex => {
    console.error(ex);
  });
</script>

axios
.get（'https://www.instagram.com/p/B_zZCRpB895/media/?size=t', {
响应类型：“arraybuffer”
})
。然后（响应=>{
const buffer=buffer.from（response.data，'base64'）；
document.getElementById（“imgsrc”）.src=Buffer；
日志（缓冲区）；
})
.catch（ex=>{
控制台错误（ex）；
});

但图像不会显示在

当我们打开页面时，我真的很想这样。instagram图像可以显示

---

如何解决这个问题。请提供帮助。

您可以使用文件读取器获取base64并将其设置为图像源：

<script>
    axios.get('https://www.instagram.com/p/B_zZCRpB895/media/?size=t', {responseType: "blob"})
        .then(function (response) {
            var reader = new window.FileReader();
            reader.readAsDataURL(response.data);
            reader.onload = function () {
                document.getElementById("imgsrc").src = reader.result;
            }
        });
</script>

axios.get（）https://www.instagram.com/p/B_zZCRpB895/media/?size=t“，{responseType:“blob”}）
.然后（功能（响应）{
var reader=new window.FileReader（）；
reader.readAsDataURL（response.data）；
reader.onload=函数（）{
document.getElementById（“imgsrc”）.src=reader.result；
}
});

您使用axios通过AJAX调用检索此文件是否有特殊原因

您提供的端点已返回图像源。要使它出现在image元素中，您只需将src设置为端点URL，如下所示。除非您需要运行一个进程来对映像执行某些操作，否则您不需要将数据作为数组缓冲区来获取

document.getElementById("imgsrc").src = "https://www.instagram.com/p/B_zZCRpB895/media/?size=t";

---

抱歉@Mohammad Mirzaee Jevinani我能下载吗？之后可以读取文件吗？