在GIF上傳進度背景中運行腳本

Question

我想在我的網站上使用此功能。

首頁顯示圖像鏈接。單擊圖像時，它隱藏圖像並顯示GIF加載欄。我不希望它是一個真正的加載欄，只是想放置一個GIF文件。腳本運行後，它應該隱藏gif圖像並顯示成功消息。

而我沒有上傳任何圖片，我只想在顯示GIF圖像時運行一個php腳本。所以請不要轉介給我一些文章。我已經搜索了很多。 請幫忙

Answer 1

jQuery庫有一些功能，這將是一個很大的幫助，實現你想要的。沒有jQuery，你仍然可以這樣做，但jQuery將簡化這個過程。

下面是一個類似於我在自己的代碼中使用的例子。這裏，Script.php是指你的服務器上的腳本，original.gif是指你的頁面上的圖像，而loading.gif是指'加載欄'的gif圖像。

您需要將jQuery庫加載到頁面才能使用此代碼。

$(document).ready(function() { 
    $('#gifImage').click(gifImage_click); 
    // Here, gifImage is the ID of the image you want to replace with a loading gif. 
}); 

function gifImage_click() { 
    // This will replace the gif image. 
    $('#gifImage').attr('src','loading.gif'); 

    function successFunction(response) { 
     // This function executes when the script runs successfully. 
     $('#gifImage').attr('src','original.gif'); 
     alert('script completed successfully'); 
    } 

    function errorFunction(xhr) { 
     // This function executes when the script fails to execute. 
     $('#gifImage').attr('src','original.gif'); 
     alert('script execution failed'); 
    } 

    $.ajax({ 
     type: "POST", 
     url: "Script.php", 
     success: successFunction, 
     error: errorFunction 
    }); // end - $.ajax 
}