与laravel图像动态

Question

控制器代码的工作，

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

这里是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"; 
    } 
} 

并鉴于

<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> 

此代码改变dbvalue但刷新即时消息时年纪就默认image.How我能解决这个问题

Answer 1

您可以通过附加click事件元素和问题的处理

<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>

在代码分配功能切换的 <input type="image">元素的 .src和 .value