Question

我正在开发一个带有角度的网络应用程序，但我在使用Imgur API时遇到了麻烦。我的目标是创建一个用户选择其照片的表单，然后将其上传到imgur，然后存储存储图像的链接。

但是，我有两个问题：什么是“存储”图像的最佳方式？目前我正在使用“更改”属性，我将其存储起来：

  this.file = event.srcElement.files

这是正确的方法吗？

然后我无法将图像发送到API。

var headers = {'Authorization': 'Client-ID {{id-here}}'};
this.http.post(url, payload, headers)
                    .toPromise()
                    .then(response => {
                        console.log(response);
                        response.json() as string;
                    })
                    .catch(this.handleError);

服务器响应401 - 未经授权。我可能以错误的方式加载客户端ID，只是不知道我应该怎么做。

与有效载荷相同，我应该如何声明它？

感谢您的帮助！

Answer 1

感谢pcarrara，我能够排除错误。

需要声明这样的标题：

var headers = new Headers({'authorization': 'Client-ID clientid'});

然后像这样发送：

this.http.post(imgurl, photo, {headers: headers})

我使用

阅读照片

    <input type="file" name="image" id="image" #fileInput>

    @ViewChild('fileInput') inputEl: ElementRef;
    let inputEl: HTMLInputElement = this.inputEl.nativeElement;
    this.file = inputEl.files.item(0);

只需在此处发布解决方案，以防有人遇到同样的问题。：）

将Imgur API与Angular4一起使用

1 个答案: