2016-03-31 10 views
0

Ich habe initFiles implementiert, um bereits s3 hochgeladene Dateien anzuzeigen, aber die aktuellen Bildminiaturen werden nicht angezeigt. Außerdem kann ich nicht auf das angezeigte Standardminiaturbild klicken (siehe image). Wie kann ich tatsächliche Bilder und Linkarbeiten sehen?Erste Dateiliste, die keine aktuellen Dateien zeigt

ich unter JS haben Snippet

session: { 
     endpoint: "http://localhost/app/ci/php-s3-server/endpoint-cors.php?filelist" 
    }, 

Antwort von Endpunkt-cors.php Dateiliste Anruf ...

[{"name":"art_collage.png","uuid":"e3554aa0-c025-4653-bb71-4afe9d979f06","s3Key":"test\/e3554aa0-c025-4653-bb71-4afe9d979f06.png","s3Bucket":"kidkivetest"},{"name":"process_step_2.png","uuid":"e5d84dd7-458c-4601-9168-e16e747134d0","s3Key":"test\/e5d84dd7-458c-4601-9168-e16e747134d0.png","s3Bucket":"xx_my_bucket_xx"}] 

S3 Eimer Struktur hat 2 Bilder:

All Buckets /xx_my_bucket_xx/test 
e3554aa0-c025-4653-bb71-4afe9d979f06.png 
e5d84dd7-458c-4601-9168-e16e747134d0.png 

Antwort

0

Wenn Sie Thumbnails in Ihrem initial files list anzeigen möchten, müssen Sie eineangeben 210 für jede Datei in der Liste. Zum Beispiel:

[{"name":"art_collage.png","uuid":"e3554aa0-c025-4653-bb71-4afe9d979f06","s3Key":"test\/e3554aa0-c025-4653-bb71-4afe9d979f06.png","s3Bucket":"kidkivetest", "thumbnailUrl": "http://mys3bucket.com/art_collage.png"}...] 
+0

Ich habe thumbnailUrl hinzugefügt und jetzt zeigt es diff Standardbild http://imgur.com/qki15Gu als die vorherigen. Aber das tatsächliche Bild wird nicht angezeigt. Bitte beachten Sie die Antwort unten. – bizready

+0

[{"name": "art_collage.png", "uuid": "e3554aa0-c025-4653-bb71-4afe9d979f06", "s3Key": "test \ /e3554aa0-c025-4653-bb71-4afe9d979f06.png", "s3Bucket": "xx_my_bucket_xx", "thumbnailUrl": "https: \/\/s3.amazonaws.com \/xx_my_bucket_xx \/test \ /e3554aa0-c025-4653-bb71-4afe9d979f06.png AWSAccessKeyId = AKIAJNRQDV3ZDPIU2ZEQ & Verfällt = 1459473457 & Signature = 5bX5LFZrpC% 2FjE% 2FC5Bxh8i5x3Sp0% 3D "}, ....}] – bizready

+0

Wahrscheinlich aufgrund der Tatsache, dass das Bild von einer Domäne stammt, die sich von der unterscheidet, die die Seite hostet. Dies ist ein CORS-Problem und ist in keiner Version von IE (für Bilder) auflösbar. S3 muss einen Access-Control-Allow-Origin-Header für die GET-Anforderung zurückgeben, damit dies in anderen Browsern funktioniert. Eine browserübergreifende Lösung besteht darin, die Thumbnail-Bilder über einen Server, den Sie steuern, in der Domäne zu übernehmen, in der die Seite gehostet wird. –

Verwandte Themen