操作流程: ★0.登入帳戶yahwilly2@gmail.com,參見: https://docs.google.com/presentation/d/16KfPXZc2o8tCPQx4W4qTDoSxgu4JRZ9rK36lD2573rA/edit?slide=id.g3b03eee1ab5_0_0#slide=id.g3b03eee1ab5_0_0 ★1.在未點擊乙、丙前,點擊甲按鈕,輸出A[SVG按讚thumbsup] 可於chrome、MyIE運作,特別注意:本單元可成功於於MyIE運作。 ★2.點擊乙按鈕後,再點擊甲按鈕,所輸出之圖片會被改成B恢復預設[SVG按讚thumbsup]。 ★3.點擊丙按鈕後,再點擊甲按鈕,所輸出之圖片會被改成C[笑臉SVG圖]。 ★4.操作丁區域:選擇.svg圖片檔案後,再點擊Upload按鈕上傳.svg圖片(若非.svg副檔名,將會被禁止上傳),所欲被點擊並傳出之圖片會被改成D[所被上傳之SVG圖]。 ●因借助Fetch法,.svg圖片執行上傳過程中,會持續停留於原本頁面,並不會跳至另一個頁面。 ●且上傳.svg圖片後,所輸出之圖片會被改成D[所被上傳之SVG圖]。並且早先所輸出之SVG圖片依舊會駐留於頁面上、不會被清除。 ★★本單元是將缺點改良後的程式: 倘若先前已經執行過★1,輸出圖片並將所輸出的圖片駐留於網頁頁面上。則執行★4,再次上傳.svg圖片後,不會將已經所輸出駐留於網頁頁面上的圖片給消除。 會接續原本駐留於網頁頁面上的圖片來額外新增圖片。參見執行影片: https://cc.ee.ntu.edu.tw/~d01941025/zz_code_PHPuploadANDreceiveOnlySVGfileATsamePage_JSclickButtonSendSVG_UseAnotherButtonToChangeSVGnoBackgroundFetch.mp4 ================================================================================================================================================== ●丁、上傳.svg圖片,來做為被點擊後所輸出的影像: 藉由上傳.svg檔案來改掉點擊按鈕■9■9■9■9■9■9■9■9■9■9■9■9■9■9■9■9■9■9■9■9■9■9■9■9■9■9■9■9■9■9■9■9■9■9■9■9■9■9■9■ 0.可藉此網址下載後解壓獲得一堆SVG圖片檔案: https://cc.ee.ntu.edu.tw/~d01941025/zz_code_PHPuploadANDreceiveOnlySVGfileATsamePage_uploadBecomeME_ManySVGpicture.rar
1.選擇所欲上傳之.svg檔案(若所選擇之檔案並非.svg檔案,則會被禁止上傳):

2.其次,點擊以下上傳按鈕,即可將檔案上傳至與本程式同一層級之資料夾內,且被上傳之檔案的名稱被命名為zz_code_PHPuploadANDreceiveOnlySVGfileATsamePage_JSclickButtonSendSVG_UseAnotherButtonToChangeSVGnoBackgroundFetch_UPLOADED.svg

3.觀測所上傳之檔案,譬如:
http://127.0.0.1:8888/AAAAAAA/2025.12.11/C/6/zz_code_PHPuploadANDreceiveOnlySVGfileATsamePage_JSclickButtonSendSVG_UseAnotherButtonToChangeSVGnoBackgroundFetch_UPLOADED.svg
https://cc.ee.ntu.edu.tw/~d01941025/zz_code_PHPuploadANDreceiveOnlySVGfileATsamePage_JSclickButtonSendSVG_UseAnotherButtonToChangeSVGnoBackgroundFetch_UPLOADED.svg 藉由上傳.svg檔案來改掉點擊按鈕■6■6■6■6■6■6■6■6■6■6■6■6■6■6■6■6■6■6■6■6■6■6■6■6■6■6■6■6■6■6■6■6■6■6■6■6■6■6■6■ ●乙、點擊本按鈕後,未來所欲輸出之文字會被改成B恢復預設[SVG按讚thumbsup]: ●丙、點擊本按鈕後,未來所欲輸出之文字會被改成C[笑臉SVG圖]: ●甲、每當按鈕被點擊一次,就會運行一次本區域,跑出一個SVG圖(在未點擊乙、丙前,點擊本按鈕,輸出A[SVG按讚thumbsup]):