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

博客已轉(zhuǎn)移到：PHP博客

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

<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是圖片的質(zhì)量

         success:生成成功以后是base64碼，在success里可以用ajax發(fā)送到服務器端保存，base64會生成兩種：一種是帶前綴說明圖片類型的base64碼，可以直接放到img標簽里使用，調(diào)用方法：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)

     其他說明：安卓下有些可以調(diào)用相冊，文件管理器和攝像頭，有些只能調(diào)用相冊和文件管理器

               IOS可調(diào)用相冊和攝像頭。

               PC端無限制

               無論上傳什么圖片，最后都會變成jpeg的格式。

     歡迎加群： 252799167     感謝@南寧-柿子

網(wǎng)頁題目：移動端web無刷新上傳圖片【兼容安卓IOS】
本文來源：http://bm7419.com/article14/pdhcde.html

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

廣告

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