Dropzone.js - 加载时出错，奇怪的长消息答案

【问题标题】：Dropzone.js -- Error when loading, weird long messageDropzone.js - 加载时出错，奇怪的长消息
【发布时间】：2016-06-04 21:48:29
【问题描述】：

我正在尝试做一个简单的 dropzone 文件上传器。我对服务器端不感兴趣，因为我没有认真做这件事，只是尝试前端的 js。一切似乎都很好，加载栏工作正常，但它总是显示 X 图像，然后我收到一条包含 html 的超长消息。

这让我很困惑，因为从我看到的示例中，如果出现错误，它将显示来自 js 的字符串。我不知道为什么它会显示这么长的消息。

跟“action”或“file”类型有关系吗？

截图在这里 https://scontent-lhr3-1.xx.fbcdn.net/v/t1.0-9/13310379_496643860530613_5508631554600071626_n.jpg?oh=1c25de2a0cb0957a68c1e8e2905b52df&oe=57DC5CA0https://scontent-lhr3-1.xx.fbcdn.net/v/t1.0-9/13310379_496643860530613_5508631554600071626_n.jpg?oh=1c25de2a0cb0957a68c1e8e2905b52df&oe=57DC5CA0

编辑：

我的 HTML 是这样的：

 <!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="assets/js/dropzone.js"></script>
    <script src="assets/js/dropzone-amd-module.js"></script>
    <link href="assets/css/dropzone.css" type="text/css" rel="stylesheet" />
    <link href="assets/css/basic.css" type="text/css" rel="stylesheet" />
    <link href="assets/css/Style.css" type="text/css" rel="stylesheet" />
</head>
<body>

    <div id="dropzone">
<form action="/file-upload" class="dropzone dz-clickable" id="demo-upload">
    <div class="dz-default">

  <div class="fallback">
    <input name="file" type="file" multiple />
  </div>
        </div>
</form>
        </div>
</body>
</html>

【问题讨论】：

关于 dropzone 的问题，您没有包含 dropzone 代码。没有它我们如何提供帮助？
我刚刚使用了文档中给出的 dropzone.js。我只在标题中添加了链接。反正我会加的
js 文件太长，无法添加到描述中，但它是此处列出的 dropzone.js 文件。 github.com/enyo/dropzone/tree/master/dist 我添加了复制该文本并在我的本地文件夹中创建了 js 文件。然后在标题中将其外部链接，如 html 所示

标签： javascript dropzone.js

【解决方案1】：

我的错，不知道你使用的是默认的Dropzone.js。如果可以的话，我会删除反对票，但它现在被锁定了。试试

<form action="UploadImages" class="dropzone">
</form>

也删除<div id="dropzone">。您已经为表单指定了 dropzone，因此将其包装在 id 为 dropzone 的 div 中是没有意义的。

jsFiddle：http://jsfiddle.net/3zhyg73u/85/ 这样您就可以比较您的代码并了解它为什么不起作用。

【讨论】：

【解决方案2】：

对不起，我对此很陌生，但我认为这是因为错误事件接收的 errorMessage 是一个包含 HTML 的字符串，当发送失败的发布请求时。您可以通过这样做来更改消息。这不是最好的方法，但它有效：/哦，我在这个特定项目中使用 jquery

var myDropzone = new Dropzone('#icDropZone', {
        url: "/file/post",
        error: function(response, errorMessage, xhrObj) {
            if(response.status === "error") {
                $('div.dz-default.dz-message > span').show(); // Show message span
                $('div.dz-default.dz-message').css({'opacity':1, 'background-image': 'none'});
                $('.dropzone .dz-preview .dz-error-message').attr('style','display:block;opacity:1;top: 150px;background:#D44F4F;');
                $('.dropzone .dz-preview .dz-error-message span').html('Error uploading image')
            }
        }
    });

【讨论】：