我刚接触Cloudinary和Angular。我一直在寻找一种上传图片到Cloudinary的方式,但不希望使用SDK,因为Cloudinary提供了使用post API上传图片的选项。我尝试了下面的方法,但没有成功。
uploadImage(event) {
var that = this;
this.create_blob(event.srcElement.files[0], function (blob_string) {
that.http.post('https://api.cloudinary.com/v1_1/image/upload/', { file: blob_string}).subscribe(res => {
// url of upload file
})
});
}
create_blob(file, callback) {
var reader = new FileReader();
reader.onload = function () { callback(reader.result) };
reader.readAsDataURL(file);}
我在控制台中得到了以下错误信息。
HttpErrorResponse {headers: HttpHeaders, status: 401, statusText: "Unauthorized", url: "https://api.cloudinary.com/v1_1/image/upload/", ok: false, …}