AngularJS Direct Upload zu Google Cloud Storage Fehler

Question

Ich möchte direkt von AngularJS

Dateigröße größer als 32 MB bis GCS hochzuladen ich erfolgreich Blobstore laden konnte, wenn die Dateigröße kleiner als 32 MB ist, den Code unten angegebenen.

$http.post(uploadUrl, $scope.formData, { 
    withCredentials: true, 
    headers: {'Content-Type': undefined}, 
    transformRequest: angular.identity 
}); 

Wenn ich versuche, die Datei mit URL https://storage.googleapis.com/bucket-name/filename, ich habe den folgenden Fehler zu laden.

Credentials flag is 'true', but the 'Access-Control-Allow-Credentials' header is ''. It must be 'true' to allow credentials. Origin 'http://localhost:8080' is therefore not allowed access.

Wenn ich Flagge withCredentials: true in http Post verwendet entfernen, bekam ich Antwort als 403, werden keine Fehlerdetails gegeben.

Ich habe den cors gesetzt, wie für den Upload Eimer erwähnt [{"maxAgeSeconds": 3600, "method": ["GET", "POST", "HEAD"], "origin": ["http://localhost:8088"], "responseHeader": ["Content-Type"]}]

Wie Access-Control-Allow-Credentials Flag in dem Server aktivieren?

Answer 1

Sie können dies erreichen, während Sie weiterhin den Blobstore verwenden und nicht zu Cloud Storage wechseln. Google-Dokumente, die ziemlich gut verarbeitet werden. Warnung: Es klingt für mich wie Google dies als Legacy-Funktion unterstützt, sondern empfiehlt stattdessen Could Storage. Ich habe das nicht persönlich gemacht, aber es klingt wie Signed URLs kann die Antwort dort sein.

Wenn Sie mit dem Blobstore fortfahren möchten, wie ich, sind Anweisungen für die serverseitige Einrichtung in Java here. Sie sollten ähnliche Anweisungen für andere Sprachen bei ähnlichen URLs finden. :)

Der heikle Teil, den ich zuerst nicht verstanden habe: Die direkte Upload-Anfrage macht ihr Ding, dann macht sie einen Anruf direkt an deinen Server mit Informationen über den Upload und benutzt dann die Antwort deines Servers als Antwort zurück der Kunde. So können Sie beispielsweise den Header Access-Control-Allow-Origin im Upload-Handler Ihres Servers festlegen, und er wird der Antwort aus dem Link für den direkten Upload hinzugefügt.