问题标签 [vaadin-upload]

我的前端是用 Polymer 编写的，我的后端是带有 Jersey 的 Spring Boot 应用程序。

当我上传文件时，我在 IE11 中遇到了一个奇怪的问题。作为 multipart/form-data 请求的一部分，我需要同时发送文件和一些 JSON 数据。我正在使用vaadin-upload组件来上传文件。查看代码在上传时似乎没有做任何奇怪的事情，即他们使用 XHR 和 FormData 接口，但没有什么太高级而与 IE 11 不兼容（据我所见）。

当尝试在控制台 (F12) 关闭的情况下上传文件时，HTTP 转储如下（一些标头被删除并且 pdf 内容被截断）：

打开控制台后如下：

我可以看到，当控制台关闭时，IE 不会发送 multipart/form-data 中的“数据”部分。我不知道为什么会这样。打开控制台时，它在 Chrome 和 IE 中运行良好（但当然我不会要求用户打开控制台）。

关于什么可能导致这种行为的任何想法？

我有一个服务器端服务，它接收文件上传并对 zip 文件的内容进行验证。验证可能包括多个类型为成功、警告和错误的消息。

这是我正在使用的使用 vaadin-upload 的聚合物组件中的当前代码：

以下是从服务返回的结果格式：

如果有任何类型错误的消息，那么它应该显示文件上传失败。如果只有警告和成功，那么上传应该有一个带有警告的图标。如果没有消息或只有成功的消息，则文件上传应标记为成功。

我目前正在使用聚合物 1，但很快将升级到聚合物 3。

Vaadin 版本：11.0.2

上传组件：https ://vaadin.com/components/vaadin-upload

当我上传一个大文件时，客户端出现错误（服务器端没有）：

使用的源代码（来自 vaadin 网站）：

问题来自翻译（没有翻译它有效）。

我在这里使用 vaadin 流上传示例重现了该错误：

https://github.com/Tyvain/myalert

要进行测试，只需导入任何大文件（大约 50 Mb）。

该错误的现场演示：https ://runny.herokuapp.com/

我该如何解决这个问题？

我有一个 node.js / Polymer 1 网站。我正在使用 HTTP-proxy-middleware 将 api 调用 (/api/webapi) 路由到我的后端 API 服务器。

在其中一个页面上，我有一个将文件发送到 api 的 vaadin-upload (v2.3.0) 组件。在本地主机上运行时，一切似乎都正常，但是当我部署到我们的测试服务器时，我遇到了问题。上传要么快速完成，然后长时间处于“处理”状态，要么停止。

使用邮递员，我设法将文件直接发送到 API，发送到代理服务器。我还设法让上传组件直接调用 API。所有这些情况都正常工作，API 的输出表明在所有情况下 API 都以相同的速率接收/处理数据。从这里我将其缩小到 Vaadin-Upload 和 http-proxy-middleware 之间的交互。

有没有人有这方面的经验并帮助我正确配置代理。

代理配置：

如何将图像从本地存储到 vaadin-upload？我找不到来自 vaadin-upload 的输入。希望你能帮助我，谢谢！

Vaadin-upload 正在与 Polymer 3.0 一起工作。

它显示无。

我在客户端使用聚合物并作为图像上传按钮：

在服务器端，我使用 multer 上传图片：

对于 req.files 和 req.body 我都有未定义的值，请参阅日志：

我正在使用以下版本：“multer”：“^1.4.2”，nodejs v8.9.3

这是我的标题” 点击这里

怎么了 ？我错过了什么？顺便说一句，即使使用 Postman 我也遇到了同样的问题

我正在尝试使用空手道 UI 上传文件。我面临的问题是我无法识别vaadin-upload组件中的元素。vaadin-button组件在我可以单击一个简单按钮的地方工作。但是我想不出使用这个vaadin-upload组件上传文件的方法。我尝试过使用 driver.inputFile() 以及空手道文档，但没有运气。到目前为止，我已经尝试了以下选项：

尝试 1：上传不起作用，但发现按钮单击有效。基本上，vaadin-upload 不起作用

输出：

尝试2：

输出：

尝试 3：尝试使用 POST 调用。不确定它是否具有一些 Vaadin 安全功能，因为它附加了我在 POST 调用中发送的目标，但仍然没有运气。

输出：

尝试 4：取消隐藏fileinput并使用 XPATH

输出：

尝试 5：最后一个选项我第一次使用空手道机器人尝试空手道机器人，但似乎我被一个简单的按钮单击以及文件的上传卡住了（仅供参考，我有最新的空手道-robot.jar 0.9.6 版本）

输出：（但是空手道机器人遇到了一个不同的问题，我无法进行简单的点击

这里的 HTML 代码片段：

有人可以调查一下并指出我在这里做错了什么吗？谢谢，桑迪

我想vaadin-upload通过更改文件列表中元素的外观来设置 Vaadin Upload 组件 () 的样式，例如隐藏命令按钮（开始、删除、重试）。文件列表包含vaadin-upload-file元素。

目前，我只能通过向其添加自定义主题并导入适当的 css 来自定义 vaadin-upload 本身 - 就像在此示例中一样：https ://cookbook.vaadin.com/large-upload-area 。

自定义上传.css：

简化的 DOM：

文档指出：

• vaadin-upload-file 具有可定制的部分（例如commands）https://vaadin.com/components/vaadin-upload/html-api/elements/Vaadin.UploadFileElement。
• 此外，theme应该根据https://vaadin.com/docs/v14/flow/styling/styling-components/#sub-components将值传播到所有子组件- 情况似乎并非如此。

有没有办法将自定义附加theme到 vaadin-upload-file 组件？