前端使用 JS 裁切圖片並壓縮再存到後端﹍Croppie 實作範例

最近接到一個需求,希望使用者上傳圖片時,可先在前端進行裁切,以免存到後端的圖片尺寸比例不對,也可避免檔案過大。 之前寫過一篇「 前端如何使用 JS 先壓縮圖片尺寸大小再進行上傳 」,其實也能處理前述大部分需求,但稍有不足之處: 只能對上傳的圖片等比例縮小 不能防止 使用...

繼續閱讀全文

自然輸入法購買使用心得及許氏鍵盤替代方案

最近買了新的 Win10 筆電,將原本 Win10 筆電的自然輸入法解安裝後,在新筆電重新安裝(我買的是單機版、非多機版)。沒想到使用原版光碟、序號安裝後,卻變成只有試用版的功效,設定畫面許多選項都是反白、無法變更的狀態,我最需要的「許氏鍵盤」被封鎖了。 習慣許氏鍵盤後,一般...

繼續閱讀全文

Adsense 出現惡意蓋版廣告事件紀實

前陣子接獲報案,表示網站出現蓋版廣告,找不到排除的方法,因而尋求協助。 原本猜想到 Adsense 後台改一下設定、調整一下安裝碼就好,結果處理後才發現事情不單純,因此特別整理一篇做為記錄。

繼續閱讀全文

Javascript 字串加密解密範例研究

最近需要用 JS 保存一些,不想被很容易就判讀出來的資料,因此研究了一下 JS 如何對字串進行加密及解密。 結果搜尋發現網路上這方面的實用工具不多,原因大致是: JS 是攤在陽光下的語言,加密解密流程會被看到 因此很少純前端進行加密與解密,大多是配合後端進行運算,一邊加...

繼續閱讀全文

利用 Instagram 基本顯示 API 取得圖片

IG 原本很方便就能存取圖片,做成各種小工具在網站展示,例如「 在部落格側邊欄安裝 Instagram 小工具,顯示九宮格圖片 」。 不過 IG 被 FB 收購後,於日前宣布舊的 IG API 於 2020 年 6 月 30 日失效,請參考「 IG 官網公告 」。此公告並說明...

繼續閱讀全文
TOP