问题标签 [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 投票
0 回答
81 浏览

javascript - 在引导文件输入中上传多个文件上传问题

我已经使用引导文件输入进行多个文件上传,并在此面临以下问题。

https://www.npmjs.com/package/bootstrap-fileinput

步骤: 1 设置多个true 2 点击浏览按钮,选择文件 3 再次点击浏览按钮,再次选择不同的文件

它只会上传最后选择的文件。我需要上传所有选定的文件。

请帮助我解决这个问题。

0 投票
0 回答
42 浏览

jquery - 在 Krajee Bootstrap 文件输入插件中浏览/拖放文件时,同一文件在拖放区中添加了两次

我在单击浏览按钮时一一添加三个文件,然后如果第三个文件重复,则不应将其添加到放置区。我不知道我哪里错了。

插件链接:https ://plugins.krajee.com/file-input

看这张图片:

在此处输入图像描述

我正在使用以下 JS 配置代码:

html代码是:

另一个是当我添加一个文件名中包含空格的文件时,我收到控制台错误:

未捕获的错误:语法错误,无法识别的表达式:#thumb-files-10166_ImportParentsExcelSample_(2).xlsx

我该如何解决?

语言环境中的文件名:ImportParentsExcelSample (2)

在此处输入图像描述

在此处输入图像描述

0 投票
0 回答
23 浏览

image-resizing - boostrap-fileinput 插件:如果图像宽度大于 maxImageWidth,则仅将图像大小调整为 maxImageWidth -> 仅缩小

我意识到,当使用 bootstrap-fileinput 并在选项中设置 maxImageWidth 来调整图像大小时,图像不仅会在它们比给定宽度更宽时被调整大小,而且在它们具有更小的宽度时也会被调整大小。所以他们变得比原来的大。我正在使用调整大小功能来减小上传大小,因此如果选择了具有完美宽度(小于 maxImageWidth)的图像,则不应调整其大小。

有没有我错过的选项,我可以设置以实现宽度小于 maxImageWidth 的图像不会调整大小?

“resizeIfSizeMoreThan”只有一个选项,它以 KB 为单位,而不是 px 宽度或高度。

0 投票
0 回答
11 浏览

forms - 引导文件输入不显示浏览的图像名称

我正在使用 Admin LTE 主题,并添加了此输入以用于上传图像:

但是当我浏览和图像时,它应该显示选择的图像名称,但它没有!

所以默认情况下它看起来像这样:

在此处输入图像描述

当我选择图像时,它应该显示图像名称而不是选择文件,如下所示:

在此处输入图像描述

那么这里出了什么问题?如何在上传前选择图像名称时显示图像名称?