问题标签 [bootstrap-file-upload]

我正在尝试使用Krajee Bootstrap 文件输入来上传文件。它现在的工作方式是我有一个按钮，单击该按钮时，会打开一个 Bootstrap 模式对话框，并且输入文件标签位于该模式中。用户单击浏览按钮，选择文件，然后文件被上传。所有这些都很好！

我的问题是如果模式关闭，然后再次重新打开，文件输入控件不再起作用。当我单击浏览时，它让我选择一个文件，但 Krajee 文件输入控件出错并显示：

您必须选择至少 1 个文件进行上传。

即使我选择了一个文件，它还是会这么说。就像我之前所说的，它在第一次使用时运行良好，但在多次使用后，它开始出现该错误。我想我的问题在于我破坏和重新创建控件的方式。这是我的模态对话框和文件输入控件的html代码：

这是我相关的客户端代码（它是用 TypeScript 2.8 编写的）：

所以基本上，我是第一次初始化文件输入控件。该$('#modalUpload').on('hidden.bs.modal' ...)代码是在 BootStrap 模式关闭时执行的代码。我正在做的是调用destroy文件输入控件上的方法，然后像以前一样重新创建它。

任何有关使这项工作的帮助将不胜感激！

因此，我遇到了一个问题，即在我的网站上创建车辆后尝试上传一些图像。我在我的网站上使用 Laravel，并使用 Bootstrap 文件输入（http://plugins.krajee.com/file-input）来处理文件的上传，但我没有使用它们内置的 ajax，而是将图像存储在单独的表单并使用 Ajax 上传该表单。如果我检查 chrome 开发工具中的网络选项卡，我可以看到发送了多个图像，但我在控制器中只看到一个图像。

HTML：

商店图片：

阿贾克斯：

PHP：

图片：

我正在尝试使用 Krajee 的引导文件输入插件（https://plugins.krajee.com/file-preview-management-demo#）上传和预览我的图像，只是我无法通过我的 get 调用获得初始渲染服务器。

我希望在 initialPreview 属性中填充我在上游获得的 json

我怀疑我必须循环显示每个，但我看不到如何将它转发到 initialPreview

感谢您的帮助！

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

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

看这张图片：

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

html代码是：

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

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

我该如何解决？

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