0

私の顧客は、ユーザーが YouTube にビデオをアップロードしているときに進行状況ダイアログを表示したいと考えています。

私は次のようなものを書きます：

    element = document.forms.uploadNewVideoForm.file;

    var fd = new FormData();
    console.log(element.files);
    fd.append('token', $scope.uploadData.token);
    fd.append('file', element.files[0]);

    var xhr = new XMLHttpRequest();
    xhr.upload.addEventListener("progress", $scope.uploadProgress, false);
    xhr.addEventListener("load", $scope.uploadComplete, false);
    xhr.addEventListener("error", $scope.uploadComplete, false);
    xhr.addEventListener("abort", $scope.uploadComplete, false);
    xhr.open("POST", $scope.uploadData.uploadUrl + '?nexturl=' + encodeURIComponent('http://local.app.com:8000/OK'));

    xhr.onreadystatechange = function ( response ) {};
    xhr.send(fd);

このコードは完全に開始しますが、YouTube がコールバック URL にリダイレクトすると失敗します。

POST http://uploads.gdata.youtube.com/action/FormDataUpload/<token here>?nexturl=http%3A%2F%2Flocal.app.com%3A8000%2FOK

302 Moved Temporarily 
Location: http://local.app.com:8000/OK

ここでリクエストが中断され、エラー コールバックが呼び出されます。

4

1 に答える 1

0

次のサンプル（ソースコード）をご覧ください。アップロードを2つの部分に分割します。

  1. メタデータをアップロードするためのCORSリクエスト。
  2. 実際の動画をアップロードするためのフォームPOST。

残念ながら、アップロードページはまだCORSをサポートしていないため、これが最善の方法です。

于 2013-01-14T17:30:29.657 に答える