问题标签 [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 回答
203 浏览

javascript - JQuery 文件输入 - 读取图像宽度和高度

我正在尝试读取(输入类型=“文件”)图像文件的原始宽度/高度。我的代码给了我“未定义”。我想是因为我没有将图像加载到服务器或任何地方。

这是我的代码;

这是我的输入字段。我有多个文件输入,用于缩略图、大图像和真实图像。我只需要真实的图像宽度,其他的将上传到服务器。这是我的输入字段;

0 投票
1 回答
183 浏览

c# - 使用引导文件输入插件上传文件时出现错误代码 400

我有一个问题,无论我做什么,无论有多少文件,无论我是否删除了 extraData 选项,也无论我是否在控制器操作中使用参数,操作都永远不会到达(我的断点永远不会触发)。

HTML 代码:

Javascript代码:

控制器代码:

我也尝试过 IActionResult 和 JsonResult 。

我真的不知道出了什么问题,任何其他资源似乎都在做我所做的事情,但它只是不起作用。

编辑:响应和请求标头

Form Data files = logoFiles,从那以后我刚刚改了名字。

提前致谢。

0 投票
0 回答
56 浏览

javascript - 选择文件名后如何验证文件名?

我在这里使用引导文件输入:

https://github.com/kartik-v/bootstrap-fileinput

我正在尝试在选择文件后验证文件名。我试过这个:

它可以工作,但是它会自行禁用,我不能做任何其他事情。

我注意到如果 showPreview:true 不会发生

我想这是一个错误?知道发生了什么以及是否有解决方法?

谢谢你!

0 投票
1 回答
148 浏览

javascript - 如何从引导程序 4 输入文件中清除任何其他先前选择的文件

我有一个带有我用 Bootstrap 4 实现的输入文件的表单。这个输入文件不能开箱即用,因为它需要 Javascript 才能按预期工作:用户单击“浏览文件”按钮,打开一个窗口,用户选择他们的文件,点击打开/选择,文件名最终显示在输入字段上。

这是使它工作的javascript文件:

我已经实现了一个javascript按钮“上传文件”,用户点击它并上传文件。到现在为止还挺好。

我看到的问题是,如果用户浏览文件,选择它,然后如果用户再次单击“浏览文件”按钮,则最后选择的文件被发送两次或至少是用户选择的次数文件。

所以我想在用户浏览文件时清除输入文件。这是我迄今为止在javascript中尝试过的:

但是,问题仍在发生。如果用户再次单击并选择任何文件,则上传功能会将最后选择的文件发送两次到服务器,或者至少是用户单击“浏览按钮”并选择文件的次数。

注意可能重复的问题 这个答案不能帮助我解决我的问题,因为问题实际上是每次用户浏览文件时都会添加一个“addEventListener()”。这个细节在其他问题中没有解释。

如何清除输入文件以防止发送多个文件?

0 投票
1 回答
749 浏览

php - yii2、kartik fileinput、ajax上传场景:上传第二个文件、第三个文件等,错误替换之前文件的标签

我正在使用 kartik 文件输入插件(bootstrap-fileinput v5.1.2)开发一个 Yii2 项目。我正在使用 ajax 上传场景,一次上传一个文件,并且我自定义了带有用于捕获其他数据的输入的页脚模板,类似于https://plugins.krajee.com/file-input-ajax-demo/7

在“filebatchselected”事件中,我自动开始上传。之后,当用户将输入中的值更改为页脚模板时,我会切换保存按钮(在“otherActionButtons”中自定义)的可见性,一旦用户按下该按钮,就会触发 ajax 更新

到目前为止一切都很好,但是当我上传第二个文件、第三个文件等等时......以前和已经上传的文件的输入值被覆盖/重新初始化......

这是我的代码:

看法:

控制器:

你能帮我吗?

0 投票
1 回答
28 浏览

bootstrap-file-input - 文件输入不能有可点击区域

我的文件输入有问题。当我单击放置区时,我想购买文件浏览器。我在文档中找到了“browseOnZoneClick”选项,但它不起作用。

你能帮我吗 ?

0 投票
0 回答
59 浏览

jquery - 如何从使用 Bootstrap 文件输入选择的文件中获取 Base64 字符串并使用 AJAX 提交字符串?

我正在使用 Bootstrap File-Input 在客户端选择一个文件,现在需要从该文件中获取一个 Base64 字符串并使用 AJAX 提交(要求页面不应重新加载,并且该回调应显示在文件中-输入窗口)。

我以前将它作为普通文件上传到服务器,但现在需要将 Base64 字符串存储到 DB(MS SQL 2019),所以我需要弄清楚如何:

  1. 获取 Base64 字符串。
  2. 使用 AJAX 提交字符串并获取 JSON 回调。

我在 google 和https://plugins.krajee.com/file-input上进行了搜索,以找到一些关于如何将其转换为 Base64 字符串以及 JSON 回调应该是什么样子的信息,但没有任何运气,并且有想出以下我的自我-但似乎不起作用:

我有以下来自 File-Input 的“基本”脚本,它适用于我以前的脚本:

并且未能将以下内容合并到上述脚本中,我认为这会给我所需的字符串:

有人可以为我完成这项工作所遇到的上述两个问题指导我朝着正确的方向前进吗?

0 投票
0 回答
23 浏览

php - 我想使用 php 使用文件输入从数据库中检索图像

我想在使用 PHP 和文件输入库进行更新之前从数据库中检索/预览图像。但它无法工作,请给我解决方案。谢谢这里是代码

0 投票
0 回答
10 浏览

javascript - 如何为 Krajee 引导输入设置不受支持的文件扩展名

我想使用除少数扩展之外的所有扩展。如何设置不受支持的文件?我知道 Krajee 有一个allowedFileExtensions,但这不是我需要的。

0 投票
0 回答
68 浏览

javascript - kartik-v bootstrap 文件输入动态初始预览

我在上传 Ajax 中使用 initialPreview 时遇到问题。我从上传请求中返回了两个项目,但只会显示第一个项目。
枝条:

php:

chrome 检查网络响应: 在此处输入图像描述

上传过程gif: 在此处输入图像描述