javascript - bootstrap-fileinput 逐个上传时只识别单个文件
问题描述
我正在使用引导文件输入,我已经像这样初始化它
code html*********
<div id="imgproyectos">
<input id="input-fa-img-principal-detalle"
name="inputfaimgprincipalDetalle" type="file" multiple
class="file-loading">
</div>
$("#input-fa-img-principal-detalle").fileinput('destroy');
$("#input-fa-img-principal-detalle").fileinput({
initialPreview: '',
initialPreviewAsData: true,
//headers: {'X-CSRF-TOKEN': token },
theme: "fa",
previewFileType: "image",
allowedFileExtensions: ['jpg', 'jpeg', 'gif', 'png'],
browseClass: "btn btn-primary",
theme: "fa",
uploadUrl: "/file-upload-batch/2",
showUpload: false,
showRemove: false,
browseLabel: "Cargar Imagen",
removeClass: "btn btn-primary",
removeLabel: "Eliminar",
msgInvalidFileExtension: "Archivo de imagen no valido, solo estan permitidos formatos jpg , jpeg , gif , png "
}).on("filebatchselected", function (event, files) {
//alert('xx');
$('.kv-file-upload').hide();
});
使用这个 javascript 代码,我得到了我在 bootstrap-fileinput 中插入的图像
jQuery.each(jQuery('#input-fa-img-principal-detalle')[0].files, function(i, file) {
//data.append('file-'+i, file);
console.log('file-'+i, file);
});
问题是当我批量加载图像时,它可以识别所有
但是当我开始逐个添加图像时,最后我从 3 个中运行我的 javascript 文件,只有 1 个图像文件可以识别我
有谁知道可能出了什么问题?
解决方案
试试这个是否可以解决错误您可以添加多个属性并将其值设置为多个以允许选择多个文件
<input type="file" id="myFile" name="myFile" multiple="multiple">
在你的情况下
<input id="input-fa-img-principal-detalle"
name="inputfaimgprincipalDetalle" type="file" multiple="multiple"
class="file-loading">
推荐阅读
- amazon-web-services - 在带有子目录的aws s3路径中选择随机100个文件,然后将它们复制到另一个文件夹
- javascript - Firestore 规则嵌套的“获取”函数
- python - PyCharm IDE 找不到 RPI.GPIO 模块
- cython - 由 Cython 错误重定位地址 0x0 在“.data”部分生成的编译 C 代码期间出错
- java - 如何为我的 kafka 消费者使用现有的 avro 模式?
- google-apps-script - 从 Google 表格中的一系列单元格生成 PDF 并通过电子邮件发送
- android - 无法运行 Android Espresso 测试。该项目使用 Hilt 依赖注入和导航组件
- google-sheets - 为什么 Index + Match + Maxifs 在周末不起作用(日期名称)
- java - Java Spring @autowire 在测试类中不起作用
- python - 如何根据两个条件在python中合并?