问题标签 [bootstrap-file-input]

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 回答
2989 浏览

javascript - 引导文件输入:删除预览

在这里向大家问好!

首先,我搜索了重复的帖子,但没有发现类似我的问题。

我正在做一些测试(你会在我的代码中看到一些重复)以使用引导文件输入上传多个文件,我在使用缩略图预览上的“删除”按钮时遇到了一些问题。

上传功能工作正常,如果存在带有 initialPreview 选项的图像,则显示已上传的图像。

我正在尝试动态创建 intialPreviewConfig 选项,目前我不知道它为什么不起作用(单击“删除”按钮根本没有任何操作,就像该选项不存在一样)。但是,当我手动添加 intialPreviewConfig(不在变量中)时,它神奇地工作正常。

示例 javascript 代码(我的真实代码中的某些值不同):

other_prevother_images_path的控制台日志可以创建预览。

现在变量 initialPreviewConfig 的控制台日志是(宽度不存在,但我删除了它,没有变化):

所以一切似乎都很好......但这不适用于删除。但是,如果我手动创建配置,它的工作“正常”(目前未创建 ajax/delete_image 路由,但单击正常,我收到错误消息)。

示例(此处的值并不重要):

有人可以帮助我解决这个问题或面临/面临同样的问题吗?如果您想要更多示例或 JSFiddle,请告诉我。

对于这个测试,我正在使用:

  • 带有框架 CodeIgniter 3 的 PHP 5.6
  • 铬 75
  • 引导程序 3.3.7
  • jQuery 3.1.1
  • 引导文件输入 4.4.3

我也可以使用 jQuery ($.ajax, $.get...) 而不是 XMLHttpRequest 但这不是我认为的问题。

谢谢!再会!

0 投票
1 回答
1446 浏览

angular - Angular File Input 所选文件未显示

其实我想在这里学习角度的东西。

我想做的第一件事是做一些简单的文件上传。

我已经有我的 Web API 并且我已经有一个简单的文件选择,但问题是它没有显示浏览的文件

这是屏幕截图

在此处输入图像描述

在屏幕截图中。我已经浏览了一个文件。但问题是它现在显示选定的文件。但是当我将鼠标移到我选择的文件输入上时。文件名将像工具包一样弹出。但名称未在文件输入中设置。我怎样才能做到这一点?

下面是我正在使用的 HTML 代码

谢谢

0 投票
0 回答
324 浏览

java - 如何在 jsp 中使用 Bootstrap 文件输入

我正在使用 Bootstrap 文件输入,这工作正常,但是当我尝试在 jsp 中获取数据文件时,我不能这样做,这是我的 html

但是当我尝试恢复我发送的文件时遇到问题

0 投票
1 回答
322 浏览

r - 我在 Shiny 中上传了一个 .csv 文件。我想读取列名并在 selectInput 中使用它们作为选择。我该怎么做?

我已经使用 fileInput() 在 Shiny App 中上传了一个 .csv 文件。我希望阅读列名并将它们显示为 selectInput() 中的选项/选择。我该怎么做?

我们也可以在 ui 部分内的代码的服务器部分中使用变量吗?

0 投票
1 回答
30 浏览

javascript - 我有一个输入类型文件列表,它只接受图像.. 添加图像时如何查看图像?

我编写了这段代码及其工作,但是当我选择图像时,所有输入都查看相同的图像,不仅是我将图像添加到的那个..

只是不能分别为每个输入做它。

0 投票
1 回答
895 浏览

yii2 - yii2 kartik fileinput 多个加载的文件预览

我正在尝试kartik fileinput用于在我的表单中加载多个文件。

我使用我的Attachment表将文件名和其他字段保存在数据库中,并将文件保存在我的文件系统中。我通常通过表链接Attachment与表。RegistryRegistryAttachment

我成功保存了多个文件,但是当我为特定文件加载文件时Registry,我希望看到它们就像我第一次加载它们时一样。

我正在尝试使用以下代码:

控制器动作

模型功能

看法load-multiple

如果选定的Registry已附加 3 个文件,则结果如下:

多文件预览试用 .

在这种情况下,我有以下问题:

  1. 我想查看每个文件的内容,但它不起作用。
  2. 当我加载新文件时,小部件会删除已加载的文件。
  3. 单个文件删除按钮不起作用
0 投票
0 回答
2050 浏览

asp.net-mvc - 上传文件预览图标消失后,Krajee 输入的引导文件

上传文件后文件预览消失。该过程上传到不在托管站点的服务器上的位置。上传文件的链接在上传后不可用,但我们使用的是图标而不是文件的预览。

规格:ASPNET MVC C#、Razor 页面、目标框架 4.6.1、

HTML 标记

JS 和文件输入配置

从上传返回的 Json

JSON 响应是按文档构建的,每个文档的“initialPreviewConfig”不同,但数组中始终只有一个值。'initialPreview' 和 'initialPreviewAsData' 对于所有文档都是相同的。

上传单个文件时,预览中不会显示任何内容。上传3个文件时;2 正确返回一个返回一个没有信息视图快照的预览。

我不知道哪里出了问题或行为不一致的原因。

预先感谢您协助解决此问题。

0 投票
1 回答
353 浏览

javascript - bootstrap-fileinput 逐个上传时只识别单个文件

我正在使用引导文件输入,我已经像这样初始化它

使用这个 javascript 代码,我得到了我在 bootstrap-fileinput 中插入的图像

问题是当我批量加载图像时,它可以识别所有

在此处输入图像描述

但是当我开始逐个添加图像时,最后我从 3 个中运行我的 javascript 文件,只有 1 个图像文件可以识别我

在此处输入图像描述

有谁知道可能出了什么问题?

0 投票
1 回答
54 浏览

r - 如何使用 R 中的 selectInput 选项清除 fileInput

如何在更改 selectinput 选项后立即清除 fileInput 支持的数据文件。我已经尝试过 renderUI 函数,但选项很大,我也尝试过将示例 id 渲染到 fileInput 但observeevent 不起作用。

0 投票
2 回答
157 浏览

asp.net-core - 更新表单时如何处理文件输入字段的任何想法

我正在使用带有 Razor 表单的 asp.net core 3.1。我有一个包含文件类型输入的表单,它是多个文件输入。在创建表单中,很容易从模型中访问文件。问题在于更新表单如何处理预览,删除添加新文件到多个文件输入。是否有解决此类问题的最佳实践。