无法让Dropzone.js工作？文件始终显示为红色x

Question

我想让dropzone.js工作但没有成功。 我添加了dropzone.css和dropzone.js

该插件可在http://www.dropzonejs.com/

找到

这是我的div：

<div id="divDropZone" class="dropzone square" style=" width:430px; heigh:300px; background-color:white; overflow-x:hidden; overflow-y:scroll;"></div>

这是我的JS

var myDropzone = new Dropzone("div#divDropZone", { url: "/file/post"});

现在发生的是显示了dropzone，但是当我拖动或浏览该项时，我的页面上始终显示红色x和错误：

> POST http://localhost:2627/file/post net::ERR_CONNECTION_RESET

Answer 1

首先需要诊断出错了什么。关注this answer here，了解如何在上传文件时查看完整错误。

请记住，dropzone使用AJAX，因此要查看使用firebug或crome开发工具等工具所需的错误。在chrome工具中，您可以使用网络面板查看错误。只需查看红色文本中的dropzone项目即可。然后你就会知道错误是什么，并且应该能够快速修复它。