7
Mam następujący kod:Masz problemy przesyłając blob bezpośrednio do S3
var fd = new FormData();
var key = "events/" + (new Date).getTime() + '-';
fd.append('key', key);
fd.append('acl', Acl);
fd.append('Content-Type', "image/jpeg");
fd.append('AWSAccessKeyId', AWSAccessKeyId);
fd.append('policy', Policy);
fd.append('name', "Policy13492345");
fd.append('success_action_status', "201");
fd.append('signature', Signature);
fd.append("file", blob);
fd.append("filename", fileName + ".jpg");
var xhr = new XMLHttpRequest();
xhr.upload.addEventListener("progress", uploadProgress, false);
xhr.addEventListener("load", uploadComplete, false);
xhr.addEventListener("error", uploadFailed, false);
xhr.addEventListener("abort", uploadCanceled, false);
xhr.open('POST', 'https://s3.amazonaws.com/' + Bucket + '/', true);
xhr.send(fd);
Gdy wniosek ten przechodzi pojawia się następujący błąd:
<Code>AccessDenied</Code><Message>Invalid according to Policy: Policy Condition failed: ["starts-with", "$Filename", ""]</Message>
nie mam pojęcia, co ja robiąc źle, generuję mój blob jak:
function dataURItoBlob(dataURI) {
var binary = atob(dataURI.split(',')[1]);
var array = [];
for (var i = 0; i < binary.length; i++) {
array.push(binary.charCodeAt(i));
}
var mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0]
return new Blob([new Uint8Array(array)], { type: mimeString });
}
To jest m y żądanie:
------WebKitFormBoundaryxh8thnHAmDhZQuXE
Content-Disposition: form-data; name="key"
events/1367541109750-
------WebKitFormBoundaryxh8thnHAmDhZQuXE
Content-Disposition: form-data; name="acl"
private
------WebKitFormBoundaryxh8thnHAmDhZQuXE
Content-Disposition: form-data; name="Content-Type"
image/jpeg
------WebKitFormBoundaryxh8thnHAmDhZQuXE
Content-Disposition: form-data; name="AWSAccessKeyId"
asdfasdfFASDFSDFAADSFHHVDQ
------WebKitFormBoundaryxh8thnHAmDhZQuXE
Content-Disposition: form-data; name="policy"
FsnY29udFuZ2UnLCAwLCAxMDAwMDAwMDBdLAogICAgICasdfasdfAgIFsgJ3N0YXJ0cy13aXRoJywgJyRrZXknLCAnJyBdLAogICAgICAgIFsgJ3N0YXJ0cy13aXRoJywgJyRDb250ZW50LVR5cGUnLCAnasdfJyBdLAo
------WebKitFormBoundaryxh8thnHAmDhZQuXE
Content-Disposition: form-data; name="name"
Policy134722343242345
------WebKitFormBoundaryxh8thnHAmDhZQuXE
Content-Disposition: form-data; name="success_action_status"
201
------WebKitFormBoundaryxh8thnHAmDhZQuXE
Content-Disposition: form-data; name="signature"
basdfasdftwa/9asdfasdfx3/zasdfadsft6g=
------WebKitFormBoundaryxh8thnHAmDhZQuXE
Content-Disposition: form-data; name="file"; filename="blob"
Content-Type: image/jpeg
------WebKitFormBoundaryxh8thnHAmDhZQuXE
Content-Disposition: form-data; name="filename"
C:\fakepath\495845894.jpg
------WebKitFormBoundaryxh8thnHAmDhZQuXE--
Z [Dokumentów AWS] (http://doc.s3.amazonaws.com/proposals/post.html#Variation_on_the_form) - plik powinien być ostatnim elementem w formularzu. Znalezienie tego dokumentu zajęło mi trochę czasu. więc tutaj jest ... – arty
Używam blueimp jQuery File Załaduj i wgraj przycięty obraz bezpośrednio do s3. To działało dla mnie, aby dołączyć właściwość pliku do formData wewnątrz zdarzenia "dodaj". '' ' data.formData = { ACL: 'publicznego odczytu', AWSAccessKeyId: res.s3Key, klucz: IMAGE_PATH, polityka: res.s3PolicyBase64, podpis: res.s3Signature, plików: dane. pliki [0] } '' ' – looshi