我在Angular v4中构建了一个单页Web应用程序作为Vimeo的CMS,我有缩略图工作和编辑元数据,但无法使用API中描述的简单post方法解决视频上传问题。
我在ngOnInit中调用'getUploadTicket'并在DOM中显示upload_secure_link,所以我知道在那里,然后在HTML中的提交按钮上调用下面的函数'uploadPostMethod',该文件用'fileChangeEvent'定义< / p>
getUploadTicket(): Promise<Video> {
return this.http.post('https://api.vimeo.com/me/videos' + this.token, this.headersX)
.toPromise()
.then(response => response.json() as Video)
.catch(this.handleErrorPromise);
}
fileChangeEvent(fileInput: any) {
this.filesToUpload = fileInput.target.files;
let file: File = this.filesToUpload[0];
}
uploadPostMethod(url): any {
let file: File = this.filesToUpload[0];
console.log(JSON.stringify(url));
return this.http.post(url,file,this.headersPost)
.map((response) => {
let data = response.text() ? response.json() : [{}];
if (data) {
console.log('returned after post video file to upload' + JSON.stringify(data));
}
return JSON.stringify(data);
})
}
我的HTML是:
{{video.uri}}<br>
{{video.upload_link_secure}}<br>
{{video.ticket_id}}<br>
{{video.form}}<br>
<input type="file" (change)="fileChangeEvent($event)" placeholder="Select file" accept="video/mp4"/>
<br><br>
<button style="width: 100%" class="mdl-button" (click)="uploadPostMethod(video.upload_link_secure)">Upload Video</button>
但我只是没有得到任何上传的决心 - 文件大小很小,为966469bytes,角度的任何帮助或语法点将非常感激。我没有使用任何vimeo库。 - 一旦我从upload_secure_link删除了redirecturl参数,但是现在失败了 - 访问令牌有效且有效,我在邮递员方面取得了一些成功。 (angular 4,CLI,Vimeo API)