Javascript 使用AngularJS将图像上载到Imgur

Javascript 使用AngularJS将图像上载到Imgur,javascript,angularjs,imgur,Javascript,Angularjs,Imgur,我正在尝试使用Imgur的API上传图片。我希望我的代码尽可能简单,所以我尝试使用该指令 我已经设置了使用标记并将请求提交给API的指令,地址为: HTML如下所示: <input type="file" nv-file-select="" uploader="uploader"> 我面临的问题是,Imgur API希望以二进制文件或base64数据的形式接收头中“image”字段中的文件,但浏览器似乎在POST请求的主体中发送该文件 我一直在尝试让指令改为在头中发送文件,但我找

我正在尝试使用Imgur的API上传图片。我希望我的代码尽可能简单,所以我尝试使用该指令

我已经设置了使用标记并将请求提交给API的指令,地址为:

HTML如下所示:

<input type="file" nv-file-select="" uploader="uploader">
我面临的问题是,Imgur API希望以二进制文件或base64数据的形式接收头中“image”字段中的文件,但浏览器似乎在POST请求的主体中发送该文件

我一直在尝试让指令改为在头中发送文件,但我找不到方法。使用angular file upload指令解决此问题的方法或另一种简单的实现方法将不胜感激


一个要求是我需要提供上传状态的反馈:上传百分比、成功、错误和错误原因。

我找到了这个问题的简单答案

为angular file upload指令创建FileUploader对象实例时,必须指定
alias
选项,以将包含文件数据的表单字段的名称从默认的
文件更改为Imgur期望的名称:
图像

$scope.uploader = new FileUploader({
    url: 'https://api.imgur.com/3/image',
    alias: 'image',
    headers: {
        Authorization: 'Client-ID XXXXXXXXXXXXXXX',
    },
    autoUpload: true
});

请张贴您的密码。
$scope.uploader = new FileUploader({
    url: 'https://api.imgur.com/3/image',
    alias: 'image',
    headers: {
        Authorization: 'Client-ID XXXXXXXXXXXXXXX',
    },
    autoUpload: true
});