问题标签 [vue-dropzone]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
29 浏览

vue.js - 为什么无法识别属性“key”和“vars”

key: 和 ...var: 属性在 Laravel 5.8 中无法识别,因为它不断向我抛出语法错误?

0 投票
1 回答
1094 浏览

vue.js - VueJS:vue2-dropzone

我用 构建了一个 dropzone vue2-dropzone,我只想显示最后一条错误消息。要获取错误消息,我使用方法getRejectedFiles(),它为我提供了所有失败上传的数组。然后我使用 `v-for 循环遍历这个数组,并显示最后一项(当前错误)。

问题:但是一旦上传了另一个文件(没有错误),我希望之前的错误消息消失。目前它仍然存在,因为成功上传后数组不会改变。我想我必须将该方法收集的主数组getRejectedFiles()重置为零,而无需重置整个 dropzone。有没有办法做到这一点?

这是我的代码的简化版本:

该方法使用 getRejectedFiles() 收集错误,如下所示:

在模板中,错误显示如下:

0 投票
1 回答
928 浏览

vue.js - Vue Dropzone:在一个 POST 中从多个实例发送文件

我正在使用 Vue Dropzone ( https://github.com/rowanwins/vue-dropzone ),并且我的页面之一对于同一页面的不同部分有多个 dropzone 实例。我关闭了,autoProcessQueue以便在将它们添加到 dropzone 后它们不会自动上传。我给每个实例一个ref,以便我可以processQueue手动调用,但是有没有办法可以在 POST 中发送它们而不是 3 个单独的调用?

0 投票
0 回答
453 浏览

php - 如何在 vueDropzone - Laravel 中使用现有文件添加更多文件?

我在updating products使用来自服务器的现有文件添加更多文件时遇到问题vueDropzone。首先,我添加多个文件没有问题,但是当我编辑产品然后添加更多文件时,甚至只是我只更新Product Name了文件而不更新文件。它从 Laravel 验证器向我抛出了一个错误。

顺便说一句,我正在使用Vue.js并且我只使用一种Add/Update产品方法。

这是我的 vuedropzone 组件。

这是我的submitProduct()方法。

还有我的editProduct方法。

现有文件显示在 dropzone 区域,但是,当我提交表单时,Laravel 验证器会抛出错误,因为图像为空。但是当我在console.log()提交表单之前签入时它有文件。

任何帮助将非常感激。希望是明确的说法。

干杯!

0 投票
1 回答
1581 浏览

vue.js - 如果没有“url”选项,Vue-Dropzone 无法工作

我正在使用 Vue-Dropzone 通过 graphql 上传文件。一切正常,但由于我使用的是 graphql,因此我不需要将 URL 放在“dropzoneOptions”中,因为我将查询放在 Vuex 模块内的 Axios API 中,如下所示:

现在正如我所说,它有效,但前提是我在“dropzoneOptions”中使用假网址。如果我什么都不写,我什至无法选择要上传的文件(现在我只是使用“http://localhost”来使其工作)。

我还尝试在未设置“url”时拖放文件,它只是在浏览器中下载文件。

我的问题是:

有没有更好的方法将 Dropzone 与 graphql 一起使用?也许我做错了

如果有人可以帮助我,我真的很感激。

0 投票
1 回答
110 浏览

javascript - dropzone.js `maxfilesexceeded` 事件没有被触发。以编程方式添加文件时

我在我的 vuejs 项目中使用 dropzone。我已经maxFiles: 1在我的 dropzone 选项中设置了。

现在我必须在 dropzone 中显示来自服务器的现有文件,所以我使用此代码在我的 dropzone 中添加现有文件。

此代码工作正常,文件被添加到 dropzone 中。但是,当我将更多文件(手动)添加到该放置区时,该maxfilesexceeded事件不会被触发。

注意:如果我手动添加文件而不是以编程方式添加文件,那么它就是触发maxfilesexceeded事件。

0 投票
0 回答
59 浏览

vue.js - 从 vue-dropzone2 中删除 URL 选项

我想从 vue-dropzone 中删除 url 选项,因为我在@vdropzone-sending-multiple="uploadFile"函数中有自己的逻辑,可以传输文件然后对不同的 API 执行操作,我根本不需要这里的 post 请求。但是,删除该 URL 选项后,会发生错误:

拖放区:

拖放区选项:

0 投票
0 回答
24 浏览

vue-dropzone - 如何通过 vue-dropzone 更新图像?

我是vue的新手。我使用 vue-dropzone 为一个产品上传了多张图片。现在尝试将之前上传的图像显示到 vue-dropzone 区域并在需要时删除或添加新图像。我怎样才能做到这一点?

0 投票
2 回答
337 浏览

typescript - 使用 TypeScript 在 Quasar 中声明第三方模块

我正在尝试在我的 quasar 上使用Dropzone-vue,但显然我不能简单地安装它并在 main.js 文件中声明它,因为 quasar 没有。我还收到以下错误:

我尝试了建议的命令,但它不受支持,因此我将 .d.ts 文件放置在哪里,以及我应该如何声明所有第三方模块?

我的 dropzone 组件如下:

0 投票
1 回答
49 浏览

vue.js - 在 vue 中提交带有表单的 dropzone

我有一个也使用 vue2-dropzone 包的表单。我想我已经差不多了,只是我无法发送其余的表格。我试图获取表单的其余部分的方式是从该data()部分中获取我的表单对象,但是唯一发送的是文件,并且表单的其余部分不包括在内,并且当我console.log(this.form)未定义时。这是我的vue文件