溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
博客已轉移到：PHP博客
| 需求 | 手機端網頁或者微信無刷新上傳頭像 |
| 環境 | 手機瀏覽器或者微信瀏覽器(支持HTML5) |
| 實現方式 | LocalResizeIMG |
| 地址 | https://github.com/think2011/LocalResizeIMG(原版地址) 鏈接: http://pan.baidu.com/s/1ntNYXrb 密碼: 71cp(個人修改版) |
| 說明 | 原版只能指定固定的圖片寬度，而修改版擴展原圖片上傳 |
| 使用方式 | <h2 class="text-center">LocalResizeIMG-本地壓縮 1.0</h2> <hr/> <input type="file" /> <hr/> <!-- javascript ================================================== --> <script src="http://cdn.staticfile.org/jquery/2.1.1-rc2/jquery.min.js" type="text/javascript"></script> <script src="localResizeIMG.js" type="text/javascript"></script> <!-- mobileBUGFix.js 兼容修復移動設備 --> <script src="patch/mobileBUGFix.mini.js" type="text/javascript"></script> <script type="text/javascript"> $('input:file').localResizeIMG({ width: 100, quality: 0.1, success: function (result) { var img = new Image(); img.src = result.base64; $('body').append(img); console.log(result); } }); </script> |
簡單說明:width是生成的圖片的寬度，個人修改里，如果指定width為1，則為原圖寬度
quality是圖片的質量
success:生成成功以后是base64碼，在success里可以用ajax發送到服務器端保存，base64會生成兩種：一種是帶前綴說明圖片類型的base64碼，可以直接放到img標簽里使用，調用方法：result.base64 還有一種是result.clearBase64，不帶說明的，讀取方法:result.clearBase64。
服務器端代碼:
$path='./Uploads/'.date('Ymd').'/';
if(!file_exists($path)){
mkdir($path);
}
$file=$path.time().'.jpeg';
$base64=base64_decode($_POST['head']);
file_put_contents($file, $base64)
其他說明：安卓下有些可以調用相冊，文件管理器和攝像頭，有些只能調用相冊和文件管理器
IOS可調用相冊和攝像頭。
PC端無限制
無論上傳什么圖片，最后都會變成jpeg的格式。
歡迎加群： 252799167 感謝@南寧-柿子
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
