Javascript 拖放;使用Dropzone和Seaside投放
我在dropzone实现中遇到了一点问题,就是拖放文件。我正在Smalltalk平台上开发,前端是Seaside。目前,我可以上传文件,但无法看到上传时出现的成功图标和进度条。当我检查web上的元素时,我确实看到代表成功/进展的div存在。我确实看到文件大小和文件名在文件被放入时出现。有人能指出我遗漏了什么吗?我的代码如下:Javascript 拖放;使用Dropzone和Seaside投放,javascript,dropzone.js,seaside,Javascript,Dropzone.js,Seaside,我在dropzone实现中遇到了一点问题,就是拖放文件。我正在Smalltalk平台上开发,前端是Seaside。目前,我可以上传文件,但无法看到上传时出现的成功图标和进度条。当我检查web上的元素时,我确实看到代表成功/进展的div存在。我确实看到文件大小和文件名在文件被放入时出现。有人能指出我遗漏了什么吗?我的代码如下: | serverURL url | serverURL := RepWebSettings portalSettingsWebServerURL ifNil: [sel
| 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).
当您在Chrome的开发者工具打开到“控制台”选项卡的情况下运行示例时,您会看到哪些javascript错误?Dropzone似乎管理进度条和复选标记 从他们的简单例子来看: 你所拥有的和他们所拥有的之间的唯一区别是,他们在“dropzone”类中使用“form”标记,而你使用的是“div”标记 因此,Dropzone可能希望以“形式”运行,并且在该形式中没有任何其他输入。因此,如果是我,我会将seaside代码中的div标记更改为表单,并确保新表单没有嵌套在页面上的另一个表单中