首页 > 解决方案 > 尝试将图像上传到 Imgur 中的特定用户帐户时卡住

问题描述

我创建了一个将图像上传到 Imgur的Angular应用程序。我找到了将图像匿名上传到 Imgur 的方法。当我尝试将图像上传到特定用户帐户时,我遇到了困难。

查看 Imgur API 并按照步骤操作,我能够在POSTMAN中获取访问令牌 ,然后在标头中使用访问令牌并发送请求。我想在我的应用程序本身中获取访问令牌,而不是在 POSTMAN 中发布请求。据我了解,为了在我的应用程序中使用它,我需要调用:

https://api.imgur.com/oauth2/authorize?client_id=YOUR_CLIENT_ID&response_type=REQUESTED_RESPONSE_TYPE&state=APPLICATION_STATE

如何调用上述 URL,获取响应,然后将来自响应 URL 的 access_token 存储在 Angular 应用程序中。因为我已经尝试在 Angular 应用程序中向上面的 URL 发送GET请求,并且上面的 URL 返回一个 HTML 文档,我不知道在哪里显示这个返回的 HTML 文档,所以我尝试在我认为是的DIV元素中呈现它一个错误的选择。现在 HTML 文档已在 div 元素中正确呈现,但是当我尝试在呈现的 HTML 文档中输入用户名和密码时出现问题,我收到一条错误消息,提示您无法从“ https ://localhost:4200/ ”发布.

我显然做错了什么,我不明白如何让它发挥作用。

标签: angularimage-uploadingimgur

解决方案


您应该通过在模态对话框中的 url 而不是<div>标记来显示/追加返回的 html。在模态对话框上应该POST到服务器。

\ https://api.imgur.com/oauth2/authorize?client_id=YOUR_CLIENT_ID&response_type=REQUESTED_RESPONSE_TYPE&state=APPLICATION_STATE


推荐阅读