移動端web無刷新上傳圖片【兼容安卓IOS】

博客已轉移到：PHP博客

青州網站建設公司成都創(chuàng)新互聯公司,青州網站設計制作，有大型網站制作公司豐富經驗。已為青州近1000家提供企業(yè)網站建設服務。企業(yè)網站搭建\外貿網站制作要多少錢，請找那個售后服務好的青州做網站的公司定做！

<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發(fā)送到服務器端保存，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     感謝@南寧-柿子

網頁題目：移動端web無刷新上傳圖片【兼容安卓IOS】
本文來源：http://muchs.cn/article14/pdhcde.html

成都網站建設公司_創(chuàng)新互聯，為您提供網站內鏈、網站維護、建站公司、品牌網站設計、、網站收錄

廣告

聲明：本網站發(fā)布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創(chuàng)新互聯