我试图创建一个数据库来存储图像。它存储该图像的URL,并且插入工作正常。但是,它以数组格式另存为["light.jpg"]
。现在,我想显示存储在数据库中的图像,但它只显示图像图标,而不显示图像。图像存储在公用文件夹内的图像文件夹中。
下面我附上我的代码:
表单控制器:
public function store(Request $request)
{
$this->validate($request, [
'filename' => 'required',
'filename.*' => 'image|mimes:jpeg,png,jpg,gif,svg|max:2048'
]);
if($request->hasfile('filename'))
{
foreach($request->file('filename') as $image)
{
$name=$image->getClientOriginalName();
$image->move(public_path().'/images/', $name);
$data[] = $name;
}
}
$form= new Form();
$form->filename=json_encode($data);
$form->save();
return back()->with('success', 'Your images has been successfully');
}
public function show()
{
$users = DB::select('select * from forms');
return view('display',['users'=>$users]);
}
插入页面
<form method="post" action="{{url('form')}}" enctype="multipart/form-data">
{{csrf_field()}}
<div class="input-group control-group increment" >
<input type="file" name="filename[]" class="form-control">
<div class="input-group-btn">
<button class="btn btn-success" type="button"><i class="glyphicon glyphicon-plus"></i>Add</button>
</div>
</div>
<div class="clone hide">
<div class="control-group input-group" style="margin-top:10px">
<input type="file" name="filename[]" class="form-control">
<div class="input-group-btn">
<button class="btn btn-danger" type="button"><i class="glyphicon glyphicon-remove"></i> Remove</button>
</div>
</div>
</div>
<button type="submit" class="btn btn-primary" style="margin-top:10px">Submit</button>
</form>
</div>
<script type="text/javascript">
$(document).ready(function() {
$(".btn-success").click(function(){
var html = $(".clone").html();
$(".increment").after(html);
});
$("body").on("click",".btn-danger",function(){
$(this).parents(".control-group").remove();
});
});
</script>
显示页面:
@foreach ($users as $user)
<img src="{{ url('images/$user->filename') }}"/>
@endforeach
答案 0 :(得分:1)
@foreach ($users as $user)
@php $images = json_decode($user->filename,true); @endphp
@if(is_array($images) && !empty($images))
@foreach ($images as $image)
<img src="{{ url('images/'.$image) }}"/>
@endforeach
@endif
@endforeach
如果您将图像另存为json格式,这就是这种方式。所以我已经把情况也检查了
答案 1 :(得分:0)
在刀片模板中,您要在img src中插入json格式,但应该插入单个文件名。您会看到您的文件名存储为json,因此您需要解码json格式并为每个文件名运行foreach,如下所示。
@foreach ($users as $user)
@php $filenames = json_decode($user->filename); @endphp
//filenames are decoded now and you can use the foreach loop just like below
@foreach ($filenames as $singlefilename)
<img src="{{ url('images/' . $singlefilename) }}"/>
@endforeach
@endforeach
希望对您有帮助