【发布时间】:2021-05-01 23:55:44
【问题描述】:
<h4 class="card-title">Add Product</h4>
<form class="forms-sample" action="{{route('AddNewProduct')}}" method="post" enctype="multipart/form-data">
{{csrf_field()}}
<div id="dynamicTable">
<div class="row">
<div class="col-md-4">
<div class="form">
<label class="bmd-label-floating">Product Image</label>
<input type="file" name="product_image[]" class="form-control">
</div>
</div>
<div class="col-md-2">
<div class="form">
<button type="button" name="add" id="add" class="btn btn-success"><i class="fa fa-plus"></i></button>
</div>
</div>
</div>
</div>
<button type="submit" class="btn btn-primary pull-center">Submit</button>
</form>
<script type="text/javascript">
var i = 0;
$("#add").click(function(){
++i;
$("#dynamicTable").append('<div class="row"><div class="col-md-4"><div class="form"><input type="file" name="product_image[]" class="form-control"></div></div><div class="col-md-2"><div class="form"><button type="button" class="btn btn-danger remove-tr"><i class="fa fa-minus"></i></button></div></div></div>');
});
$(document).on('click', '.remove-tr', function(){
$(this).closest(".row").remove();
});
</script>
功能:
public function AddNewProduct(Request $request)
{
$date=date('d-m-Y');
$this->validate(
$request, [
'product_image' => 'required',
'product_image.*' => 'mimes:jpeg,png,jpg',
]
);
if($request->hasfile('product_image'))
{
foreach($request->file('product_image') as $file)
{
$fileName = $file->getClientOriginalName();
$fileName = str_replace(" ", "-", $fileName);
$file->move('images/product/'.$date.'/', $fileName);
$product_image[] = 'images/product/'.$date.'/'.$fileName;
}
}
echo "<pre>";
print_r($product_image);
}
在上面的代码中,我通过单击添加按钮动态添加多个文件,现在完美运行当我单击提交按钮并且我尝试打印多个图像然后只有 1 个文件显示我现在没有为什么?那么,如何使用 laravel 上传多个文件并插入数据库?请帮帮我。
谢谢
【问题讨论】:
-
任何人都可以帮我解决这个问题
标签: javascript jquery laravel-5 file-upload upload