利用前端壓縮圖片 (js 搭配 php)

隨者手機相機的進步，現在手機拍出來的照片檔案越來越大，雖然現在iPhone出到了iPhone X

作者我手上只有iPhone 6s，隨便拍幾張照片，平均照片大小落在1.8M~2.5M為主

當然，最簡單的方法就是直接上傳原始檔案，不過今天要講解的是如何在前端先壓縮完再上傳，以節省網路流量及上傳時間。

本次一共會介紹兩種方法，第一種是利用js套件 (https://github.com/think2011/localResizeIMG)

index.html

upload.php
OK! 第一種方法結束了，非常簡單


第二種方法是利用HTML 5來進行壓縮

留言

張貼留言

這個網誌中的熱門文章

線上打卡系統 [PHP] 免費使用

圖片
我用PHP寫了一個打卡系統，這個系統是設計給常常外出的業務，可以直接在外打卡，不用特別進公司，節省不必要的時間浪費。 source code 請至連結下載 (大家可以基於這個版本去修改，有問題可以上面發issue給我，已經沒繼續維護這個專案了) https://github.com/gary1209/clock-system 打卡的時候會抓取GPS位置跟IP，也可以拍照上傳。主管或HR就可以方便的管控員工們的打卡地點及時間，就先來介紹一下。 先看到首頁，可以看到旅行青蛙，最近很紅，就應景一下~ 第一次登入前，請點註冊帳號 填寫資料後註冊 註冊完就可以登入了! 登入後的頁面 打卡上班看看，業主要求他們員工打卡時還要上傳自拍，我設計讓他不能上傳舊照片，一定要用相機拍當下的 打卡成功後長相 接下來是管理者頁面 一些簡單的功能，可以按時間排序，或是選取特定USER，或是特定時間等等，也可以直接點"查看地圖"，就會顯示打卡時的位置
閱讀完整內容

網站的留言功能，直接用LINE通知! (Line Notify 教學) (1)

圖片
今天要介紹如何打造一個網站，讓他的留言板功能直接與LINE連接。 對於一般的店家好不容易架設了官網，有了最基本的留言功能，但是以往需要登入後台才能檢視訊息，一般店家並不一定有充足時間天天登入收訊息，往往登入時看到的訊息都過了好幾天。如果能在別人留訊息的同時，直接把訊息傳到你的LINE，那就不怕遺漏掉訊息啦! 因為內容有點多，所以會分成兩篇來講。這篇先講如何取得 line notify 所需的 token 第一步. 申請Line Notify帳號     1.前往Line notify首頁   https://notify-bot.line.me     2.點選右上角"登入"，輸入你自己line的帳號密碼     3.成功登入後會回到首頁，這時候右上角可以看到你的帳號，就代表你成功登入了          4.滑到網頁最下面，按下不起眼的四個字"登錄服務"，就是下圖紅色圈起來的地方     5.把基本內容填一填，其中Callback URL請填  http://localhost/line-notify/index.html ，填好後按下同意 (因為我打算用PHP實作，所以你如果要用別的語言，這邊的Callback URL就可以隨便設一個位置，再把下下步會建立的index.html放在你設定位置)     6.接者要去信箱收個認證信，確認後第一步就完成了        你就得到很重要的Client ID, 跟Client Secret     7.建立一個index.html檔，複製貼上以下的code，然後在第11行那邊改成你的Client ID     8.移動到你PHP的根目錄上，建一個叫line-notify的資料夾，把檔案丟進去，然後開啟瀏覽器，網址部分輸入localhost/line-notify/index.html，按下畫面中唯一的按鈕     9.跳到這個頁面後，選擇"透過1對1聊天接收Line Notiy通知"，這時候你的Line就會跳出通知了，然後記得順便加Line Notify為好友 很好，我們已經完成大部分東西了，就快要成功了! 第二步.取得專屬token 1.
閱讀完整內容