Javascript 无法更新输入文件列表
我正在尝试使用Laravel添加多个图像,使用下面的命令可以很好地工作Javascript 无法更新输入文件列表,javascript,html,Javascript,Html,我正在尝试使用Laravel添加多个图像,使用下面的命令可以很好地工作 <input type="file" id="images" name="images[]" onchange="preview_image();" multiple accept="image/*"><br/> <div id="image_preview"></div> <script> function preview_image() { var to
<input type="file" id="images" name="images[]" onchange="preview_image();" multiple accept="image/*"><br/>
<div id="image_preview"></div>
<script>
function preview_image()
{
var total_file=document.getElementById("images").files.length;
for(var i=0;i<total_file;i++)
{
$('#image_preview').append("<img src='"+URL.createObjectURL(event.target.files[i])+"'>");
}
}
</script>
函数预览_图像()
{
var total_file=document.getElementById(“images”).files.length;
对于(var i=0;i不应该preview_image()
有参数事件它正确显示预览。但是我想向文件列表添加更多文件,我甚至可以将文件上载到数据库。但是我不知道在上载到数据库之前如何向现有列表添加新文件{Form::open(array)('url'=>'/adminpanel/dvgallery','enctype'=>'多部分/表单数据','method'=>'Post','files'=>true))上载图像:
@Sawad如果要添加多个文件,只需在选择文件时按住ctrl
。@Sawad只需知道预览不会表示正在上载的内容,因为每次选择文件时都会覆盖输入列表。