看板 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
--
Knuckles: [JS] 單鍵縮圖上傳圖片 imgUpload - jQuery Plugin - KnucklesNote板