Drag & Drop с использованием Dropzone и Seaside

Question

Я немного борюсь с реализацией dropzone для перетаскивания файлов. Я развиваюсь на платформе Smalltalk с Seaside на переднем конце. В настоящее время я могу загрузить файл, но не смог увидеть значок успеха, а также индикатор выполнения на момент загрузки. Когда я просматриваю элементы в Интернете, я вижу, что присутствуют divs, представляющие успех/прогресс. Я вижу, что размер файла и имя файла отображаются так же, как и файл. Возможно, кто-то укажет, что мне не хватает? Мой код выглядит следующим образом:

| 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). 

Answer 1

При запуске вашего примера с Developer Tools в Chrome открыл вкладку «Console», что Javascript ошибки вы видите? Кажется, что Dropzone управляет индикатором выполнения и галочкой.

Глядя на их простом примере:

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

Единственное различие между тем, что у вас есть и то, что у них есть, что они используют «форма» тег с «DropZone ', и вы используете тег' div '.

Возможно, что Dropzone рассчитывает работать в «форме» и без каких-либо других входов в этой форме. Поэтому, если бы это был я, я бы изменил этот тег div в вашем морском коде на форму и удостоверился, что новая форма не была вложена в другую форму на странице.