问题标签 [vue2-dropzone]

我试图让 vue2-dropzone（版本 3.0.3）与我的 Rails 5.1.4 应用程序很好地合作。我已将 Dropzone 添加到我的表单并加载了模块，但不知何故我无法看到默认样式。我不认为这是 vue2-dropzone 的问题，而是 webpacker 如何加载 css 的问题。

我目前的设置：

应用程序.js

和我的_form.html.erb部分：

我看到 Dropzone 表单已加载。但是，我看不到默认样式。运行时，我在控制台中看到以下内容：

我不认为这是一个错误，因为它说webpack: Compiled successfully.但我确实认为 webpackvue2Dropzone.css出于某种原因没有加载。我应该如何配置 webpacker 以加载该 css 文件？

如果我将 css 文件手动放入我的文件中，app/assets/stylesheets/则它可以正常工作。

提前致谢！

我目前正在将 vue2-dropzone 用于 Rails 5 项目。我已经安装了它yarn add vue2-dropzone。该包包含来自rollup.config.js文件的样式，如下所示：

虽然这对其他用户正确显示，但 Rails 或 Webpacker 似乎并没有选择这些资产（即vue2Dropzone.css）。

Rails/Webpacker 如何加载依赖项或静态资产？为什么不加载此文件？提前致谢！

我正在尝试在我正在开发的 Rails 5 应用程序中将普通形式与 vue2-dropzone 结合起来。

我想我几乎已经让它工作了，但表单数据没有与 Dropzone 图像一起发送。

我的_form.html.erb看起来有点像这样：

我正在使用submitListing我在 Vue 方法中定义的数据提交数据。反过来，这会调用processQueue处理提交的 Dropzone。listingRedirect然后调用以在成功时执行重定向。

我可以看到控制器中发送的图像。问题是没有发送任何其他表单数据。我在这里做错了什么？

提前致谢！

我正在尝试在使用 dropzone/vue 库的 laravel 和 vue.js 中上传文件并验证文件，该文件具有各种 mimetype，例如 doc、docx、xls、xlsx、ppt、jpg、jpeg、ptx、gif、png， txt，这是我的 laravel 代码片段。代码看起来不错，但我仍然无法验证 jpg 和 jpeg mime 类型。我想知道如何将错误传递给 vue 组件

我正在使用https://rowanwins.github.io/vue-dropzone/docs/dist Vue2-Dropzone来上传文件。一切正常，除了总上传进度值的计算达到 100%，然后在每个文件上传时从 0% 开始。

我试图用 this.$refs.myVueDropzone.updateTotalUploadProgress() 添加文件添加事件来修复它

. 但不能按预期工作。任何解决方案将不胜感激。

我是 vuejs 的新手，所以无法找出我做错了什么。这是我的 vue 组件脚本部分：

成功上传图片后，我正在尝试获取新的刷新数据，但我得到的只是：

我所需要的只是刷新我的数据，但我不知道如何以正确的方式做到这一点。如果可能，请提供帮助

我正在使用 vue2-dropzone 库，我的抱怨是 dropzone 组件的 ref 值不包含用户删除的文件。用户添加第二个文件后，dropzone 的引用仅包含前一个文件。但是当用户在文件对话框上选择时它可以正常工作。

我和我的队友正在开发一个你可以在这里看到的 pwa：链接到我们的 pwa

该应用程序已于上周推出。然而，一些用户告诉我们，他们在上传视频时遇到了问题。即使是小视频（长度为 50 秒），上传时间也太长。

我们在 vuejs 上使用 vue2Dropzone。您对如何加快这一进程有任何想法吗？我们已经尝试过这种使用压缩的方法，以便它运行得更快：链接到压缩方法

如果你们中的任何人有这个用例并找到了解决方案，即使它没有使用 vue2Dropzone，那就太好了。

谢谢大家天天开心

我想稍后动态更新 dropzone 组件的 url 选项。

以下是我拥有的 Vue 组件：

当我尝试使用按钮单击进行更新时，我看到 dropzoneOptions.url 已更新。但是，当我尝试上传文件时，文件仍会发布到旧网址https://google.com

链接到 JSFiddle：https ://jsfiddle.net/1t7L6ouc/3/

我在 vue.xml 中添加了 dropzone 组件。

我想动态更改图片上传 URL，请参见随附的屏幕截图。