Angular4,上传视频的简单帖子,Vimeo API,

时间:2017-06-14 10:42:15

标签: angular typescript command-line-interface vimeo-api

我在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)

0 个答案:

没有答案