移动端web无刷新上传图片【兼容安卓IOS】

博客已转移到：PHP博客

青州网站建设公司成都创新互联公司,青州网站设计制作，有大型网站制作公司丰富经验。已为青州近1000家提供企业网站建设服务。企业网站搭建\外贸网站制作要多少钱，请找那个售后服务好的青州做网站的公司定做！

<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     感谢@南宁-柿子

网页题目：移动端web无刷新上传图片【兼容安卓IOS】
本文来源：https://www.cdcxhl.com/article14/pdhcde.html

成都网站建设公司_创新互联，为您提供网站内链、网站维护、建站公司、品牌网站设计、、网站收录

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联