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

javascript - Bootstrap 文件输入 - 如何在初始预览中隐藏拖动按钮?

我正在使用引导文件输入插件来管理用户头像: http: //plugins.krajee.com/file-input/

我正在使用这个 JS 代码初始化插件:

问题是如果initialPreview设置了键,初始预览将包含左下角的“拖动”按钮(带有 4 个方向箭头的图标,这对我的设置没有任何作用)。如何删除它?

我已经尝试showDrag: false在文件输入设置中进行设置,initialPreviewConfig但没有成功。

0 投票
1 回答
2649 浏览

bootstrap-file-input - Bootstrap FileInput 在初始预览中填充输入值

我正在使用 Krajee Bootstrap 文件输入。问题是,在我的编辑页面中,我想从记录中显示 PDF 文件的 initialPreview,但是当我提交表单进行更新时,文件输入发送空值。

这是我的代码:

形式 -

JS——

提前致谢!!

0 投票
1 回答
1547 浏览

twitter-bootstrap - 引导输入文件事件删除数据

我正在使用Bootstrap FileInput,它真的很酷:)

我遇到了一些事件的问题。我想知道如何在提交文件后按下“删除”按钮时检测到。这是我的意思的图片:

删除按钮

我使用过“ fileremoved ”、“ filedeleted ”、“ filepredelete ”、“ filebeforedelete ”、...事件(关于“remove”或“detele”的任何内容),但它们不起作用。

我正在寻找什么活动?我错过了什么吗?

谢谢!


编辑:

这是我的事件的小 JS 代码:

0 投票
2 回答
3180 浏览

php - 如何在 yii2 kartik 中查看图像和 pdf 文件预览 更新表单中的多个文件上传

下面是 update_form 中的 kartik 文件输入小部件。

下面是多个图像加载代码,

我需要帮助解决我的两个问题:

  1. 需要显示所有选定的格式文件,如图像、pdf、doc 等 [我试图喜欢'initialPreviewFileType'=>'any'] 不起作用。

  2. 我想将选定的图像 ID 传递给操作以删除图像?- 'deleteUrl' => ' site/delete', 'id'=>12, <-- 像这样。

0 投票
1 回答
2990 浏览

laravel - 如何在引导文件输入中传递初始预览数据

我有一个页面,允许用户编辑他们之前提交的属性列表。我一直在使用 bootstrap-fileinput 来允许用户添加图像,它会使用 initialPreview 属性来显示他们已经上传的图像。用户可以删除 initialPreview 图像以从 dropzone 中删除图像,但我找不到将此信息传递给服务器的方法,因为用户已删除了这些 initialPreview 图像。

我试过 uploadExtraData: function() {} 但我无法获得有关 initialPreview 图像的任何信息。另外,我正在为我的网站使用 Laravel 5.7 PHP 框架。

现在它只是在提交时删除所有旧图像,并保存所有新上传的图像。我想同时跟踪哪些 initialPreview 图像没有被删除,以及哪些新图像被上传。

0 投票
0 回答
40 浏览

twitter-bootstrap - 如何添加独立按钮以在引导文件输入上上传所选文件

Bootstrap 文件输入提供默认上传按钮

在此处输入图像描述

但我想要一个独立的按钮来上传选定的文件 在此处输入图像描述

知道如何在不变得太复杂的情况下修复它吗?

0 投票
1 回答
773 浏览

javascript - Krajee Bootstrap 文件输入无法通过大文件传递uploadExtraData

我有一个使用文件输入的 ajax 上传,即使是中等大小的上传也能完美工作(例如:12mb 可以正常工作)。但是,对于大型上传(例如:40mb),它要么不传递“额外”表单数据,要么服务器端代码(经典 ASP)试图在上传完成并传递数据之前处理它们?

js如下:

我不认为这是服务器设置问题,因为我已经将最大请求实体正文限制设置为 100mb,并将请求过滤/编辑功能设置/最大允许内容长度设置为 100mb。

在此处输入图像描述 在此处输入图像描述

当我上传一个大文件时,所有uploadExtraData 值在服务器端代码中都是“”。但是,它们被列在 Chrome 网络检查器的“表单数据”部分中:

在此处输入图像描述

0 投票
3 回答
738 浏览

javascript - 当库本身使用 POST 时,如何在 jQuery/JS 中发送 DELETE 请求?

我正在使用 Kartik-v/file-input 或称为 Boostrap 文件输入,并想删除上传的图像。

docs中,我提供了存储在服务器上的图像的删除 URL。这些删除 URL 是 API,并接受 DELETE 请求。但是,url正在发送 POST 请求,然后我的 Laravel 会抛出一个异常,上面写着:

The POST method is not supported for this route. Supported methods: GET, HEAD, PUT, PATCH, DELETE..

我该如何解决这个问题?如何使url:将发送 DELETE 请求而不是 POST?

0 投票
1 回答
87 浏览

javascript - 如何获取我已经上传的文件,我想删除它并使用引导文件输入替换它

我想根据我的来获取文件applications_id,我想在引导文件输入中看到它,我想删除它并用新文件替换。我该怎么做。以下是我尝试过的。任何人都可以帮助我。我被卡住了。

这是我的控制器函数 SoleProprietorController.php

这是我的 web.php

这是我刀片中的引导文件

0 投票
1 回答
552 浏览

laravel - Bootstrap 文件输入不调用 Laravel 中的控制器方法

我是 Laravel 的新手。我正在使用 Bootstrap 文件输入插件在 Laravel 中上传多个文件。但是在我的代码中,uploadUrl 中的 url 没有被调用。这意味着不会将 ajax 调用发送到 laravel 后端控制器,也不会调用控制器方法。你能帮我解决这个问题吗?谢谢你。

代码

jQuery 代码

我使用了一些 html 代码来测试是否调用了控制器方法

如果调用控制器方法,则应打印会话值。但是没有打印任何值。