问题标签 [vue-dropzone]

我试图在 dropzone 元素选项上动态设置 url。根据文档，您使用 setOption 方法在初始化后更改选项。

所以我这样做...

但我得到这个错误......

所以我试着这样做......

我得到了这个...

然后我尝试直接设置选项，而不使用方法，这很有效，因为它改变了它。但它实际上并没有“改变”，因为它显然已经初始化了。

如何正确使用 setOption？因为显然，按照文档说明的方式使用它，不起作用？

也许我的版本坏了？？我正在使用 v3.2.2

我可以使用以下表单提交直接上传到谷歌云存储（在使用 Nodejs 获得签名 URL 之后）

但是当使用以下方法使用 dropzone 时，我收到 400 错误。我成功获得了我的签名 URL，并且没有任何问题。问题在于 axios post 方法。

400 错误

我不确定它期待什么字段，我什至为我的存储桶设置了 CORS 规则。谢谢你 。

我正在尝试访问 Vue dropzone 组件内的父组件属性。我想从 Vue dropzone 内部访问表单的照片字段，以便将图片分配给表单照片字段。代码如下：

我正在使用带有图片字段的 v-form：

JavaScript：

HTML：

我一直在使用 vue-js 和 vue-dropzone 处理我的代码，以处理拖放上传到站点的功能。我在父 html-tag 中添加了“:useCustomSlot=true”，但我放置在 dropzone 标记中的内容没有呈现在 DOM 上！你能理解问题是什么。

该页面仍在呈现来自 vue-dropzone 的默认消息。

以下是代码：

和 Vue 实例：

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

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

我需要向我的用户呈现 vue-dropzone 响应。我怎么做？

文件上传得很好，我只需要显示通知用户它是通过警告框或消息上传的。

有没有可能在 DropzoneJs 中上传不同大小的文件？我正在使用由 dropzonejs 制作的 vue-dropzone，我必须为 srcset 上传具有不同大小的相同文件。

示例：我想上传test.png1000x500 像素的文件。有没有可能同时以原始分辨率和 500x250px 上传它？

我正在尝试通过 Dropzone 上传 JSON。似乎无法识别通过接受文件的 JSON 的 MIME 类型。

已经尝试过：acceptedFiles: 'application/json'; 和接受的文件：'.json'；

使用“application/json”时，dropzone 无法识别 json 文件类型，因此我无法上传文件。

使用“.json”时，我可以上传文件，但它会变成“应用程序/八位字节流”。

我需要使用什么来上传 JSON 并且它是可接受的文件类型？

我想用 'cropperJS' 获得 50% 的图像。我创建了一个新的 Image() 并尝试创建新的 Cropper 以进一步获取画布。我收到错误“无法读取 null 的属性 'insertBefore'”，请帮我解决这个问题。或者告诉我如何在没有“cropperJS”的情况下获得 50% 的图像。提前致谢。

我正在 vuejs 中创建一个滑块，并使用vue2-dropzone 插件进行文件上传，其中每张幻灯片 ( slide-template.vue) 都有一个vue2-dropzone组件。

当应用程序加载时，图像文件被手动添加到从图像 API（托管在 heroku 上）查询的每个vue2-dropzone（manuallyAddFile插件 API）中

问题是当我删除第一张幻灯片时，从子（）组件调用父级（slider.vue）方法removeSlideFn（作为道具传递给子级slide-template.vue）第一张幻灯片被删除但并非完全第一张幻灯片的dropzone图像没有被破坏并且保留在 DOM 中，而不是slide2从 DOM 中删除 ,（下一张幻灯片）的图像（请在代码和框演示中尝试一次以真正了解我的意思）。当我删除时不会发生这种情况，slide2或者slide3仅在slide1.

CodeSandBox 演示

应用程序.vue

组件\slider.vue (父)

components/slide-template.vue (child, with vue2-dropzone)

slide-title.vue（没那么重要）

utils.js（实用程序）

从技术上讲，这就是应用程序的工作方式，slider.vue 从数据库（firebase）加载和获取数据并存储在数据数组slideList中，循环slideList并将每个 slideData（prop slideItem）传递给 vue-dropzone 组件（在 slide-template.vue 中） ，当 dropzone 挂载时，它会触发manuallyAddFiles(slideItem.zones)自@vdropzone-mounted定义事件。

异步manuallyAddFiles()从 API（托管在 heroku 上）获取图像，为图像创建 (generate_ObjURLfromImageStream(url)) 唯一的 blob URL (blob:/)，然后调用插件 APIdropZone.manuallyAddFile()将图像加载到相应的 dropzone 中。

要删除当前幻灯片，孩子deleteCurrSlide()调用父母的（slider.vue）removeSlideFn（作为道具传递）方法与idx当前幻灯片。removeSlideFn用于splice移除对应数组 idx 处的项目this.slideList.splice(idx, 1)。

问题是当我删除第一张幻灯片时，第一张幻灯片被删除但不是完全删除，第一张幻灯片的 dropzone 图像没有被破坏并且仍然保留在 DOM 中，而是slide2从 DOM 中删除（下一张幻灯片）的图像.

CodeSandBox 演示

我不确定是什么导致了这个问题，可能是由于 vue 的反应系统或Vue 的 Array 反应性警告导致了这个问题。

任何人都可以帮助我理解和解决这个问题，如果可能的话，指出问题根源的原因。

非常感谢您的帮助。

谢谢，