问题标签 [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.
vue.js - 为什么无法识别属性“key”和“vars”
key: 和 ...var: 属性在 Laravel 5.8 中无法识别,因为它不断向我抛出语法错误?
vue.js - VueJS:vue2-dropzone
我用 构建了一个 dropzone vue2-dropzone
,我只想显示最后一条错误消息。要获取错误消息,我使用方法getRejectedFiles()
,它为我提供了所有失败上传的数组。然后我使用 `v-for 循环遍历这个数组,并显示最后一项(当前错误)。
问题:但是一旦上传了另一个文件(没有错误),我希望之前的错误消息消失。目前它仍然存在,因为成功上传后数组不会改变。我想我必须将该方法收集的主数组getRejectedFiles()
重置为零,而无需重置整个 dropzone。有没有办法做到这一点?
这是我的代码的简化版本:
该方法使用 getRejectedFiles() 收集错误,如下所示:
在模板中,错误显示如下:
vue.js - Vue Dropzone:在一个 POST 中从多个实例发送文件
我正在使用 Vue Dropzone ( https://github.com/rowanwins/vue-dropzone ),并且我的页面之一对于同一页面的不同部分有多个 dropzone 实例。我关闭了,autoProcessQueue
以便在将它们添加到 dropzone 后它们不会自动上传。我给每个实例一个ref
,以便我可以processQueue
手动调用,但是有没有办法可以在 POST 中发送它们而不是 3 个单独的调用?
php - 如何在 vueDropzone - Laravel 中使用现有文件添加更多文件?
我在updating products
使用来自服务器的现有文件添加更多文件时遇到问题vueDropzone
。首先,我添加多个文件没有问题,但是当我编辑产品然后添加更多文件时,甚至只是我只更新Product Name
了文件而不更新文件。它从 Laravel 验证器向我抛出了一个错误。
顺便说一句,我正在使用Vue.js
并且我只使用一种Add/Update
产品方法。
这是我的 vuedropzone 组件。
这是我的submitProduct()
方法。
还有我的editProduct
方法。
现有文件显示在 dropzone 区域,但是,当我提交表单时,Laravel 验证器会抛出错误,因为图像为空。但是当我在console.log()
提交表单之前签入时它有文件。
任何帮助将非常感激。希望是明确的说法。
干杯!
vue.js - 如果没有“url”选项,Vue-Dropzone 无法工作
我正在使用 Vue-Dropzone 通过 graphql 上传文件。一切正常,但由于我使用的是 graphql,因此我不需要将 URL 放在“dropzoneOptions”中,因为我将查询放在 Vuex 模块内的 Axios API 中,如下所示:
现在正如我所说,它有效,但前提是我在“dropzoneOptions”中使用假网址。如果我什么都不写,我什至无法选择要上传的文件(现在我只是使用“http://localhost”来使其工作)。
我还尝试在未设置“url”时拖放文件,它只是在浏览器中下载文件。
我的问题是:
有没有更好的方法将 Dropzone 与 graphql 一起使用?也许我做错了
如果有人可以帮助我,我真的很感激。
javascript - dropzone.js `maxfilesexceeded` 事件没有被触发。以编程方式添加文件时
我在我的 vuejs 项目中使用 dropzone。我已经maxFiles: 1
在我的 dropzone 选项中设置了。
现在我必须在 dropzone 中显示来自服务器的现有文件,所以我使用此代码在我的 dropzone 中添加现有文件。
此代码工作正常,文件被添加到 dropzone 中。但是,当我将更多文件(手动)添加到该放置区时,该maxfilesexceeded
事件不会被触发。
注意:如果我手动添加文件而不是以编程方式添加文件,那么它就是触发maxfilesexceeded
事件。
vue.js - 从 vue-dropzone2 中删除 URL 选项
我想从 vue-dropzone 中删除 url 选项,因为我在@vdropzone-sending-multiple="uploadFile"
函数中有自己的逻辑,可以传输文件然后对不同的 API 执行操作,我根本不需要这里的 post 请求。但是,删除该 URL 选项后,会发生错误:
拖放区:
拖放区选项:
vue-dropzone - 如何通过 vue-dropzone 更新图像?
我是vue的新手。我使用 vue-dropzone 为一个产品上传了多张图片。现在尝试将之前上传的图像显示到 vue-dropzone 区域并在需要时删除或添加新图像。我怎样才能做到这一点?
typescript - 使用 TypeScript 在 Quasar 中声明第三方模块
我正在尝试在我的 quasar 上使用Dropzone-vue,但显然我不能简单地安装它并在 main.js 文件中声明它,因为 quasar 没有。我还收到以下错误:
我尝试了建议的命令,但它不受支持,因此我将 .d.ts 文件放置在哪里,以及我应该如何声明所有第三方模块?
我的 dropzone 组件如下:
vue.js - 在 vue 中提交带有表单的 dropzone
我有一个也使用 vue2-dropzone 包的表单。我想我已经差不多了,只是我无法发送其余的表格。我试图获取表单的其余部分的方式是从该data()
部分中获取我的表单对象,但是唯一发送的是文件,并且表单的其余部分不包括在内,并且当我console.log(this.form)
未定义时。这是我的vue文件