2013-06-27 14 views
5

Amazon S3と一緒にblueimp jqueryファイルアップローダーを使用しています。私が持っている唯一の問題は、イメージアップロードのサーバー側ステータスに基づいて進行状況バーを正確に更新できないことです。blueimpファイルアップロードサーバー側の進捗状況(

私はPHP(5.3)の古いバージョンも使用していますが、サーバーサイドの進捗状況を取得するための解決策または回避策がありますか?

var url = 'photos/index.php'; 

    $('#fileupload').fileupload({ 
     url: url, 
     dataType: 'json', 
     done: function (e, data) { 

      $.each(data.result.files, function (index, file) { 
       // display the image preview 
      }); 
     }, 
     progressall: function (e, data) { 

      //console.log(data); 
      var progress = parseInt(data.loaded/data.total * 100, 10); 
      $('#progress .bar').css(
       'width', 
       progress + '%' 
      ); 
     } 
    }); 
+0

https://github.com/blueimp/jQuery-File-Upload/wikiのサンプルの1つを試しましたか?あなたもあなたのPHPコードのいくつかを提供したいかもしれません。 –

答えて

1

をあなたのアップロードPHPコードを通じて直接S3バケットに直接あなたのファイルが、アップロードの進行状況を表示することが不可能である場合:ここでは

は、私は現在、呼んでいるjqueryのです。 Amazon S3は現在これをサポートしていません。アップロードの進行状況を表示するには、サーバーのアップロードの進行状況を表示します。その後、アップロードしたファイルをサーバーからS3 Bucketに移動します。しかし、この方法では、進行中のバーは98%-100%で完了するまでに時間がかかります。その間にアップロードされたファイルのみがS3に移動されるからです。

+0

現代のブラウザでは、Ajaxを使用してアップロードの進行状況を表示することはできません。http://www.dave-bond.com/blog/2010/01/JQuery-ajax-progress-HMTL5/ – Petah

+0

Petah、アップロードの表示に同意します進捗状況が表示されますが、サーバーに進むだけです。 CORSポリシーのため、フラッシュまたはJavaなしでS3ファイルのアップロードの進行状況を表示することはできません。 http://stackoverflow.com/questions/6543292/how-to-upload-files-directly-to-s3-using-php-and-with-progress-bar/#answer-7176472 – sincerekamal

関連する問題