大佬教程收集整理的这篇文章主要介绍了使用 Laravel 按所选项目显示数据库中的图像,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<div class="row">
<div class="col-12">
<div class="card mb-4 form_fIEld_outer ">
<div class="card-body form_fIEld_outer_row ">
<form>
<div class="form-row">
<div class="form-group col-md-4">
<label for="inputState">CasTing</label>
<SELEct ID="ID_casTing" class="form-control" name="ID_casTing">
<option SELEcted>Choose...</option>
@foreach($casTings as $casTing)
<option data-ID="{{$casTing->ID_casTing}}" value="{{$casTing->ID_casTing}}">{{$casTing->nom.' '.$casTing->prenom}}</option>
@endforeach
</SELEct>
</div>
<div class="form-group col-md-4">
<label for="inputState">Type de contrat</label>
<SELEct ID="ID_modele_contrat" class="form-control" name="ID_modele_contrat">
<option SELEcted>Choose...</option>
<option>...</option>
</SELEct>
</div>
<div class="card-body ">
<button type="button" class="btn btn-outline-warning mb-1 remove_node_btn_frm_fIEld">delete</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
<div class="card mb-4 casTing_details ">
<!-- Pictures ot the SELEcted casTing will come here-->
</div>
@H_618_2@我的脚本:
$("body").on("change","SELEct[name=ID_casTing]",function() {
var index = $(this).closest(".outer").data('index') //get outer div index..
//check if the data-ID not there
if ($(".casTing_details [data-index= " + index + "]").length == 0) {
//append new...
$(".casTing_details").append(`<div data-index= "${index}" class="card-body casTing_details2"> <div class="d-flex flex-row mb-3 "> <a class="d-block position-relative" href="#"><img src="img/products/marble-cake-thumb.jpg" alt="Marble Cake"class="List-thumbnail border-0" /> <span class="badge badge-pill badge-theme-2 position-absolute badge-top-right">NEW</span></a></div></div> `);
}
let ID_casTing = $(this).find("option:SELEcted").data("ID");
$.get('/getCasTing/' + ID_casTing,function(data) {
//add content insIDe that
$(".casTing_details [data-index= " + index + "]").HTML(`
<div class="d-flex flex-row mb-3 ">
<a class="d-block position-relative" href="#">
<img src="img/products/marble-cake-thumb.jpg" alt="Marble Cake"
class="List-thumbnail border-0" />
<span
class="badge badge-pill badge-theme-2 position-absolute badge-top-right">NEW</span>
</a>
</div>`); //data
//});
})
});
@H_618_2@我的控制器:
public function getCasTing()
{
$ID_casTing = request('ID_casTing');
$casTings = CasTing::where('ID_casTing',$ID_casTing)->get();
/* dd($states);*/
$option = "<div class='d-flex flex-row mb-3 casTing_details2'>
<a class='d-block position-relative' href='#'>
<img src='img/products/marble-cake-thumb.jpg' alt='Marble Cake'
class='List-thumbnail border-0' />
<span
class='badge badge-pill badge-theme-2 position-absolute badge-top-right'>NEW</span>
</a>
</div>";
foreach($casTings as $casTing){
$option.= '<div class="d-flex flex-row mb-3 casTing_details2">
<a class="d-block position-relative" href="#">
<img src="/casTingimages/'.$casTing->photo.'" alt="Marble Cake"
class="List-thumbnail border-0" />
<span
class="badge badge-pill badge-theme-2 position-absolute badge-top-right">NEW</span>
</a>
</div>';
}
return $option;
}
@H_618_2@我的路线:
Route::group(['mIDdleware' => ['auth','role:account_R_190_11845@anager|admin|manager_de_filiale']],function() {
Route::get('/getCasTing/{ID_casTing}','App\http\Controllers\ProjetController@getCasTing');
});
@H_618_2@执行我的代码时没有任何反应,没有错误。
@H_618_2@而且我不知道如何将每个选定项目 ID 的图像传递给 bloc <img>
@H_618_2@现在我只是制作一个图像路径来显示它
@H_618_2@更新
@H_618_2@脚本:
$("body").on("change",function(data) {
//add content insIDe that
$(".casTing_details [data-index= " + index + "]").HTML(`
<div class="d-flex flex-row mb-3 ">
<a class="d-block position-relative" href="#">
<img src={{ URL::to('/') }}/casTingimages/" + $casTings->photo} + " class="List-thumbnail border-0" />
<span
class="badge badge-pill badge-theme-2 position-absolute badge-top-right">NEW</span>
</a>
</div>`); //data
//});
})
});
@H_618_2@控制器:
public function getCasTing()
{
$ID_casTing = request('ID_casTing');
$casTings = CasTing::where('ID_casTing',$ID_casTing)->get();
return vIEw('Projet.ajout_projet')
->with('casTings',$casTings);
}
@H_618_2@我收到以下错误:
jquery-3.3.1.min.Js:2 GET http://localhost:8000/getCasTing/16 404 (Not Found)
以上是大佬教程为你收集整理的使用 Laravel 按所选项目显示数据库中的图像全部内容,希望文章能够帮你解决使用 Laravel 按所选项目显示数据库中的图像所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。