【问题标题】:Dropzone.js stop from uploadingDropzone.js 停止上传
【发布时间】:2013-08-30 05:54:29
【问题描述】:

我使用http://www.dropzonejs.com/,以便用户可以在浏览器中拖放图像,然后他们可以使用 JavaScript 与它们进行交互,因此不涉及服务器端。

如何阻止 Dropzone.js 尝试上传文件? 然后如何通过 JavaScript 访问拖动的文件(创建一个包含该图像的新 <img> 标记)?

目前我收到此错误:

我这样创建dropzone:

        <form   action="/file-upload"
                class="dropzone"
                id="my-awesome-dropzone">
        </form>

我希望功能与他们网站上的演示相同,您可以在其中拖动图像但不会上传。

谢谢!

【问题讨论】:

  • 你的 Javascript/jQuery 部分在哪里?
  • 什么 jQuery 部分? Dropzone 不需要任何 jQuery 即可工作。
  • 我有同样的问题,只是我的错误是 419。你设法解决了吗?
  • @KiraArik 不幸的是我不记得我是如何解决这个问题的,我想我在库中编辑了代码。无论如何,这个问题已经有 4 年历史了,可能不再相关(图书馆已经更新了)。

标签: javascript jquery dropzone.js


【解决方案1】:

你可以设置autoProcessQueue:false

autoProcessQueue -> 当设置为 false 时,您必须自己调用 myDropzone.processQueue() 才能上传删除的文件。有关处理队列的更多信息,请参见下文。

你可以使用 jquery 导航到标签

【讨论】:

  • 试过了,但仍然出现错误。该脚本仍会尝试访问/file-upload URL。
  • 代码就这些了,贴在上面。也尝试了他们的一些选项,但没有成功。
  • jsfiddle.net/V3sRj 这是一个小提琴,但它似乎不适用于 iframe(在 jsfiddle 上)。
  • 添加此脚本&lt;script&gt; Dropzone.autoDiscover = false; var myDropzone = new Dropzone("#my-awesome-dropzone", { url: "/file/post", autoProcessQueue:false }); &lt;/script&gt;
  • 还是不行。我想我会直接编辑他们的 Dropzone.js 文件以删除 AJAX 上传部分:)
【解决方案2】:

也许尝试像这样停止提交:

<form action="/file-upload"
      class="dropzone"
      id="my-awesome-dropzone"
      onsubmit="return false">
</form>

【讨论】:

  • 不起作用,因为表单并没有真正提交,他们使用AJAX向服务器发送数据,只从action属性中获取url。
猜你喜欢
  • 2021-03-25
  • 2015-04-08
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-03-26
  • 2014-06-24
相关资源
最近更新 更多