看板 Knuckles_note
作者 Knuckles (站長 那克斯)
標題 [JS] 單鍵縮圖上傳圖片 imgUpload - jQuery Plugin
時間 2015年02月17日 Tue. AM 10:15:26
參考前一篇
http://disp.cc/b/11-8uqn
單鍵上傳圖片,上傳前會將圖縮小為限制的大小
將程式改寫為 jQuery Plugin
GitHub:
https://github.com/KnucklesHuang/imgUpload
範例頁:
http://knuckles.disp.cc/github/imgUpload/imgUpload.html
使用方法
先在 HTML 建立一個按鈕,以及用來顯示上傳結果的 textarea
載入 jQuery
用 JavaScript 將上傳圖片按鈕加上 imgUpload
載入 imgUpload jQuery Plugin
接收圖片網頁 imgur_upload_base64.php
$image_base64 = isset($_POST['base64'])? $_POST['base64'] : '';
if(!$image_base64){ die('base64 error'); }
$imgur_result = imgur_upload($image_base64);
echo $imgur_result;
//利用 Imgur API 上傳圖片的程式,請參考 http://disp.cc/b/11-8qWb
function imgur_upload(){ ... }
--
--
※ 作者: Knuckles 時間: 2015-02-17 10:15:26
※ 編輯: Knuckles 時間: 2023-12-12 02:54:55 (台灣)
※ 同主題文章:
[JS] 單鍵縮圖上傳圖片 imgUpload - jQuery Plugin
02-17 10:15 Knuckles