看板 Knuckles_note
作者 標題 [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(){ ... }
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 (台灣)
※ 同主題文章:
02-15 07:04 □ [JS] 單鍵上傳圖片 上傳前使用canvas縮圖
● 02-17 10:15 □ [JS] 單鍵縮圖上傳圖片 imgUpload - jQuery Plugin
※ 看板: KnucklesNote 文章推薦值: 0 目前人氣: 0 累積人氣: 3359
回列表(←)
分享