travailler avec des images Laravel dynamiquement

Question

code contrôleur,

public function postApprove($id) 
{ 
    $application = Move::where('id', '=', e($id))->first(); 
if($application) 
{ 
    $application->approved = 1-$application->approved; 
    $application->save(); 
    return redirect()->route('driver'); 
} 
} 

Voici le code JScript,

<script language="javascript"> 
function changeImage() { 

    if (document.getElementById("imgClickAndChange").src == "http://school.glwh.org/wp-content/uploads/bigstock-vector-green-positive-checkmar-16955600.jpg") 
    { 
     document.getElementById("imgClickAndChange").src = "http://www.clker.com/cliparts/1/1/9/2/12065738771352376078Arnoud999_Right_or_wrong_5.svg.hi.png"; 
    } 
    else 
    { 
     document.getElementById("imgClickAndChange").src = "http://school.glwh.org/wp-content/uploads/bigstock-vector-green-positive-checkmar-16955600.jpg"; 
    } 
} 

Et vu

<span><a href="{!! route('approve', ['id' => $user->id]) !!}"><img alt="" 
src="http://school.glwh.org/wp-content/uploads/bigstock-vector-green-positive-checkmar-16955600.jpg" 
     style="height: 85px; width: 80px" id="imgClickAndChange" 
    onclick="changeImage()" /></a></span> 

Ce code change la DbValue mais quand rafraîchir l'im get image.How par défaut d'âge Puis-je résoudre le problème

Answer 1

Vous pouvez activer la .src et .value d'un élément <input type="image"> en attachant événement click à l'élément et l'attribution de la fonction à un code à la question en tant que gestionnaire

<input 
 
    id="imgClickAndChange" 
 
    type="image" 
 
    src="http://school.glwh.org/wp-content/uploads/bigstock-vector-green-positive-checkmar-16955600.jpg" 
 
    name="image" 
 
    value="123" 
 
    width="320" 
 
    height="280"/> 
 
<script> 
 
var input = document.getElementById("imgClickAndChange"); 
 

 
input.onclick = changeImage; 
 

 
function changeImage() { 
 
    if (input.src == "http://school.glwh.org/wp-content/uploads/bigstock-vector-green-positive-checkmar-16955600.jpg" && input.value === "123") { 
 
    input.src = "http://www.clker.com/cliparts/1/1/9/2/12065738771352376078Arnoud999_Right_or_wrong_5.svg.hi.png"; 
 
    input.value = "456"; 
 
    } else { 
 
    input.src = "http://school.glwh.org/wp-content/uploads/bigstock-vector-green-positive-checkmar-16955600.jpg"; 
 
    input.value = "123"; 
 
    } 
 
    console.log(input.src, input.value); 
 
} 
 
</script>