HTML5 on Lin's Blog

JS 前端處理檔案上傳之預覽、大小、尺寸、格式

Thu, 09 Feb 2017 13:44:33 +0000

在上傳檔案時，最討厭的莫過於檔案上傳了 5 分鐘後才跟我說檔案過大或尺寸不正確！在檔案上傳的驗證我們往往交給後端處理，導致檔案需要上傳後才能確認是否符合規定，特別是圖檔還有長寬比例的問題需要檢查，這些事情如果完全交給後端，就可能導致用戶體驗不佳，之前在新頭殼研究大頭貼上傳時，發現原來完全可以將這些事情交給前端處理，透過 JS 和 HTML5 API 做到檔案上傳的格式、大小(20MB)、尺寸(100x100) 檢查，甚至還可以做到預覽、前端切圖轉檔等等！

JavaScript 操作瀏覽器歷史紀錄、修改網址與上一頁事件（SPA 必備）

Sat, 14 Jan 2017 12:59:02 +0000

在 JavaScript 當道的今日，使用 JS 進行網頁的操作如 Ajax、頁面切換、彈出視窗等等越來越常見，甚至進一步出現了 React JS、Vue JS 等可以幫助你開發 Single Page Application (SPA) 的 JS Framework；在使用 JS 進行網頁操作時最怕的問題莫過於網址的變化與歷史紀錄，例如透過 jQuery 進行頁面切換後，因為是 JS 的行為所以網址不會變化，而且當使用者按下瀏覽器左上角的上一頁時，會直接回到別的頁面，因為在歷史紀錄裡面不會紀錄 JS 的操作（事實上也無法紀錄），要解決這一系列問題，可以透過 HTML5 提供的 history.pushState、history.replaceState 以及 onpopstate 事件來解決。

Internet Explorer 9 - 支援硬體加速、HTML5、防追蹤功能的新版IE瀏覽器

Sat, 19 Mar 2011 19:26:41 +0000

這次微軟總算是端出了一點像樣的東西，不可諱言每次微軟的更新都有在進步，但是進步其實很少，以IE來講…IE7、IE8跟IE6的差別其實很小，不像Firefox、Chrome這兩款瀏覽器幾乎每次更新都會帶來震撼教育，但是這次IE9說實話進步很多，最起碼的速度要夠快有做到了，安全性也有提昇，還有就是在過去IE8很被詬病的分頁功能也變得好用多了，在IE8開分頁可能會引起當機的說…