问题标签 [bootstrap-file-upload]

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 投票
0 回答
2695 浏览

php - Bootstrap 文件输入插件多重上传

我正在使用 kartik-v-bootstrap-fileinput 来设置文件输入的样式。

但是我被困在多文件上传功能中。我如何上传多个文件?

我通读了他们的文档,除了将 uploadUrl 作为 AJAX 帖子之外没有明确的解释。

我用过 :

在预览中,我可以看到有两个文件,这意味着在显示状态下,它被正确渲染了。当我提交表单并将其发布到服务器时,我尝试 dd(在 laravel 中死亡和 var_dump),它只显示了数组中的一个文件。

下面的代码是完整的代码,来自以前的供应商:

任何关于我在哪里做错以及我应该在哪里修复的帮助或提示将不胜感激。

谢谢

0 投票
1 回答
374 浏览

javascript - 使用 Promise 同步执行 ajax

这是我处理文件上传的代码:

但是由于我没有使用承诺,所以它没有按正确的顺序运行!当我上传多个文件时,代码的 ajax 部分在最后运行(我正在使用 krajee bootstrap,此代码执行实际的文件上传!)。这是代码:

我如何在此处包含承诺,以便代码以正确的顺序运行?我已经详细概述了这里的问题:AJAX 代码的延迟执行

0 投票
1 回答
1624 浏览

jquery - 验证不适用于引导文件上传

我正在使用引导文件样式。我已经设置了 Jquery 验证,它正在工作,但我不知道我的代码中有什么问题。我正在上传图像 jpg、png、jpeg、gif 但上传图像后验证仍然显示错误。

我的意思是我无法上传图片,因为我收到验证错误,但我使用的是正确的图片。我正在上传 jpg 图片,但仍然显示错误"File must be JPG, GIF or PNG"。你会在这方面帮助我吗?

0 投票
1 回答
1009 浏览

javascript - 引导文件输入插件正在删除更改或文件选择的所有预览

我正在开发一个网站。在我的网站中,我需要开发多文件上传功能。我还需要显示所选照片的​​预览。所以我使用了这个引导插件 - http://plugins.krajee.com/file-input。但是现在,当文件选择发生更改时,我在显示或维护预览图像时遇到了问题。

例如,当我从数据库中编辑实体时,我需要显示现有照片的预览。所以我像这样显示预览。

如您所见,我将文件路径存储在数据库中,因此我使用图像的 url 显示预览。因此,当我转到编辑页面更新实体时,它会显示如下预览。

在此处输入图像描述

一切仍然正常。但问题是当我浏览选择新文件或照片时,所有现有的预览图像都被删除,只显示新选择的照片。我想要做的是我想同时显示现有的预览图像和新选择的照片。我该怎么做?我能想到的是覆盖这样的事件。

但关键是我不知道如何维护现有的预览图像。

0 投票
1 回答
1052 浏览

javascript - 我想在 bootstrap-fileinput 中添加 uploadExtraData

我正在使用 bootstrap-fileinput,我能够成功上传文件,但我还想将一些数据(如用户详细信息和文件)发送到服务器。有没有添加数据的选项?

我的 JavaScript 代码:

0 投票
2 回答
674 浏览

javascript - 使用 selenium 将文件上传到使用 geckodriver 的 bootsrap-fileinput

我想知道如何使用 Selenium 和 FirefoxDriver将文件上传到bootstrap-fileinput元素。我试过了

我明白了

当然,该文件/home/me/loremIpsum.pdf确实存在。

相同的代码使用 chromedriver 工作。

我整理了一个 jsfiddle 来显示文件输入按钮:https ://jsfiddle.net/yscgx2zc/

我的应用程序中呈现的 html(从 Firefox 开发者控制台复制)看起来像这样。找到input靠近底部的元素。

0 投票
1 回答
892 浏览

file-upload - 如何获取上传文件的名称

我正在使用 Krajee ( http://plugins.krajee.com/file-input/plugin-options ) 编写的引导文件上传插件。我正在尝试获取上传文件的名称。我没有看到它的方法。我该如何管理?

0 投票
1 回答
2883 浏览

jquery - 如何在 bootstrap-fileinput 插件中显示进度?

我有这个 JavaScript 代码:

bootstrap-fileinput 有效,但在处理时没有显示任何进展。它仅在文件上传时显示进度条,其中包含“正在处理...”文本,并在 POST 返回时更改为“完成”文本。

我正在使用这个插件: http: //plugins.krajee.com/file-input

如何设置进度条以显示进度百分比?当文件实际被上传并且文件正在被处理时?

0 投票
1 回答
937 浏览

image-processing - Krajee Bootstrap 文件输入因大文件而失败

我正在使用krajee 文件输入来上传图像。它适用于小图像。但它无法上传大图像。当我在服务器端检查请求时,小图像mimeType=image/jpeg和大图像具有mimeType=application/octet-stream以下size=0是我的文件上传器配置。

0 投票
2 回答
476 浏览

c# - 未从文件上传接收任何数据

我正在尝试使用Krajee Bootstrap 文件输入来上传文件。我正在使用 ASP.NET Core 2。这是我的 HTML:

这是我的javascript代码:

这是我的控制器代码:

我在我的控制器方法上设置了一个断点并且断点被命中。然而files是空的。如何检索已上传的文件?