尝试将图像上传到 Imgur 中的特定用户帐户时卡住答案

【问题标题】：Getting stuck while trying to upload images to a specific user account in Imgur尝试将图像上传到 Imgur 中的特定用户帐户时卡住
【发布时间】：2020-04-18 08:26:50
【问题描述】：

我创建了一个 Angular 应用程序，可以将图像上传到 Imgur。我找到了匿名将图片上传到 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 文档中输入用户名和密码时出现问题，我收到一条错误消息，提示您无法 POST from '@987654322 @'。

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

【问题讨论】：

标签： angular image-uploading imgur

【解决方案1】：

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

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

【讨论】：

因此，当我尝试向链接发送 GET 请求时，我收到了尝试在模态对话框中呈现的 HTML 页面。我应该如何向 Modal 对话框内的同一链接发送 POST 请求？
有两个选项 (1) 从 Modal.component.ts 添加一个直接 POST 到 URL 的按钮。 (2) 在 Modal.component.ts 中将 EventEmitter 写为 @Output 属性，其中包含有效负载并发射到父页面。从父页面 POST 到上面的 Url。 Parent.component.html Modal.component.ts export calss ModalComponent { @Output() 提交 = new EventEmitter private提交(){ } }