2016-03-22 12 views
0

ファイルをドラッグ/ドロップするためのdropzoneの実装で少し苦労しています。私はフロントエンドにSeasideのSmalltalkプラットフォームを開発しています。現在のところ、ファイルをアップロードすることはできますが、アップロード時には進行状況バーが表示されるだけでなく、成功アイコンも表示されません。 Web上の要素を調べると、成功/進展を表すdivが存在することがわかります。ファイルサイズとファイル名がファイルがドロップインされたときと同じように表示されることがわかります。誰かが紛失していることを指摘できますか?私のコードは次のとおりです:DropzoneとSeasideを使用したドラッグアンドドロップ

| serverURL url | 

serverURL := RepWebSettings portalSettingsWebServerURL ifNil: [self session requestContext request uri serverURL]. 
url := serverURL , 
     html context actionUrl printString , 
     '&' , (html callbacks store: (Seaside.WAValueCallback on: [self uploadFileDroppedFiles])). 

html div class: 'layoutBorder'; with: [ 
    html div id: 'draganddropupload'; class: 'dropzone'; 
     with: [ 
      html div class: 'dz-message'; with: [ 
       html image url: RepWebFileLibrary/#draganddropPng]]]. 

html script: (' 
    $(document).ready(function() { 
     Dropzone.autoDiscover = false; 
     Dropzone.uploadMultiple = true; 
     Dropzone.createImageThumbnails = false; 
     $("#draganddropupload").dropzone({ 
      url: "%1", 
      success: function (file, response) { 
       document.location.reload(true); 
      } 
     }); 
    });' bindWith: url). 

答えて

0

Chromeの開発者ツールを[コンソール]タブで開いてサンプルを実行すると、どのようなjavascriptエラーが表示されますか? Dropzoneのように、進行状況バーとチェックマークを管理しているようです。その簡単な例を見てから

https://github.com/enyo/dropzone/blob/gh-pages/examples/simple.html

あなたが持って、彼らが持っていることは、彼らは「ドロップゾーンで「形式」タグを使用していることですした内容の唯一の違い'クラスを使用していて、' div 'タグを使用しています。

したがって、Dropzoneは 'フォーム'で動作し、そのフォームに他の入力がないことが予想される場合があります。だから私の場合は、あなたの海辺のコードのdivタグをフォームに変更し、新しいフォームがページの別のフォームの中に入れ子になっていないことを確認します。

関連する問題