如何解决使用本地主机时无法上传到 Imgur
我正在尝试将 Imgur API 实施到我当前的 Web 应用程序中以上传和检索图像。我的应用程序在我的 wamp64/www 文件夹中,当我使用 127.0.0.1/imgurTest.html 或在本地访问文件时,代码似乎运行良好,但似乎没有当我使用 localhost/imgurTest.html 运行它时工作。我的控制台上出现以下错误:
Failed to load resource: net::ERR_HTTP2_PROTOCOL_ERROR
Uncaught (in promise) TypeError: Failed to fetch
我在下面附上了我的 HTML 文件
<body>
<input type="file" id="file"><br>
<img id="img" height="300"><br>
<p id="url"></p>
<script>
const file = document.getElementById("file");
const url = document.getElementById("url");
file.addEventListener("change",ev => {
const formData = new FormData();
formData.append("image",ev.target.files[0]);
fetch("https://api.imgur.com/3/image",{
method: "post",headers: {
Authorization: "Client-ID XXXXXXXX"
},body: formData
}).then(data => data.json()).then(data => {
document.getElementById("img").src=data.data.link
url.innerText=data.data.link
})
})
</script>
</body>
我读了一遍,似乎 Imgur 可能会限制直接从本地主机访问图像,我想知道是否有解决方法?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。