博客已轉(zhuǎn)移到:PHP博客
青州網(wǎng)站建設(shè)公司成都創(chuàng)新互聯(lián)公司,青州網(wǎng)站設(shè)計(jì)制作,有大型網(wǎng)站制作公司豐富經(jīng)驗(yàn)。已為青州近1000家提供企業(yè)網(wǎng)站建設(shè)服務(wù)。企業(yè)網(wǎng)站搭建\外貿(mào)網(wǎng)站制作要多少錢,請找那個售后服務(wù)好的青州做網(wǎng)站的公司定做!
需求 | 手機(jī)端網(wǎng)頁或者微信無刷新上傳頭像 |
環(huán)境 | 手機(jī)瀏覽器或者微信瀏覽器(支持HTML5) |
實(shí)現(xiàn)方式 | LocalResizeIMG |
地址 | https://github.com/think2011/LocalResizeIMG(原版地址) 鏈接: http://pan.baidu.com/s/1ntNYXrb 密碼: 71cp(個人修改版) |
說明 | 原版只能指定固定的圖片寬度,而修改版擴(kuò)展原圖片上傳 |
使用方式 | <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 兼容修復(fù)移動設(shè)備 --> <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是圖片的質(zhì)量
success:生成成功以后是base64碼,在success里可以用ajax發(fā)送到服務(wù)器端保存,base64會生成兩種:一種是帶前綴說明圖片類型的base64碼,可以直接放到img標(biāo)簽里使用,調(diào)用方法:result.base64 還有一種是result.clearBase64,不帶說明的,讀取方法:result.clearBase64。
服務(wù)器端代碼:
$path='./Uploads/'.date('Ymd').'/'; if(!file_exists($path)){ mkdir($path); } $file=$path.time().'.jpeg'; $base64=base64_decode($_POST['head']); file_put_contents($file, $base64)
其他說明:安卓下有些可以調(diào)用相冊,文件管理器和攝像頭,有些只能調(diào)用相冊和文件管理器
IOS可調(diào)用相冊和攝像頭。
PC端無限制
無論上傳什么圖片,最后都會變成jpeg的格式。
歡迎加群: 252799167 感謝@南寧-柿子
網(wǎng)頁題目:移動端web無刷新上傳圖片【兼容安卓IOS】
本文來源:http://vcdvsql.cn/article14/pdhcde.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站內(nèi)鏈、網(wǎng)站維護(hù)、建站公司、品牌網(wǎng)站設(shè)計(jì)、、網(wǎng)站收錄
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)