存放圖片於此頁面-我的暫存圖片空間

圖片儲存與顯示應用

圖片儲存與顯示應用

原理是將圖片存放在這個頁面.存入你的瀏覽器的存放空間.非上傳網路.只有在這個裝置上的這個頁面可以讀取.利用local sotrge技術.
但容量上限為5mb..請勿上船超過加起來5mb大小的圖片.如果圖片太大請到這邊網址去縮小或壓縮圖片

在HTML5問世時,誕生了一種Web Storage技術,可以將網頁資訊暫時儲存在使用者的瀏覽器中,並且容量基本上為5MB以上(隨著瀏覽器而不同),比起cookies的4KB實在大上許多,而當中又以localStorag使用最為方便。

  • localStorage:可以跨瀏覽器分頁做使用、使用者關掉分頁或瀏覽器再打開資料仍不會消失,且資料無期效限制,資料將永久被保留。



代碼說明
上傳圖片:
通過輸入框允許用戶粘貼圖片網址,或者通過文件輸入框上傳本機圖片。
顯示圖片:
圖片的寬度被設置為1024px,使用CSS進行樣式處理。
本地存儲:
圖片地址被存儲在localStorage中,用戶刷新頁面後仍然可見。
刪除功能:
每張圖片都有一個刪除按鈕,點擊後可以從本地存儲中刪除該圖片。

Tags: