操作流程:
★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
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]):