成都网站建设设计

将想法与焦点和您一起共享

移动端图片上传方法【更好的兼容安卓IOS和微信】

    之前的移动端上传的方法,有些朋友测试说微信支持不是很好,还有部分安卓机也不支持,其实我已经有了另一个方法,但是例子还没整理出来,而联系我的很多朋友需要,所以就提前先发出来了,并且做一个简单的说明,就不做一个demo了。

创新互联建站长期为上千家客户提供的网站建设服务,团队从业经验10年,关注不同地域、不同群体,并针对不同对象提供差异化的产品和服务;打造开放共赢平台,与合作伙伴共同营造健康的互联网生态环境。为藁城企业提供专业的网站设计制作、网站设计,藁城网站改版等技术服务。拥有10多年丰富建站经验和众多成功案例,为您定制开发。

 
 
 
 
 
图片压缩 
 
 

 
 
 
     

这个也是把图片转成了base64去传送,个人不建议去用js改变图片的大小,建议裁切缩放还是PHP来做吧。

this.maxWidth = options.maxWidth || 800; 
this.maxHeight = options.maxHeight || 600; 
this.maxSize = options.maxSize || 3 * 1024 * 1024; 
this.input = options.input; 
this.mime = {'png': 'image/png', 'jpg': 'image/jpeg', 'jpeg': 'image/jpeg', 'bmp': 'image/bmp'};

这一部分是对上传图片的配置,应该可以看懂,可以自己去改

$.ajax({ 
url:"{:U('upload')}", 
data:{str:base64,type:this.fileType}, 
type:'post', 
dataType:'json', 
success:function(i){ 
alert(i.info); 
}

这部分是上传以后ajax发送base64码到php,

base64码带有图片的说明字符串,所以得用正则去掉,然后base64解码保存到图片的文件中。并且返回地址即可

upload.php的内容

$str = $_POST['str'];
		$type = $_POST['type'];

		switch($type){
			case 'image/png':
				$ext='.png';
				break;
			case 'image/jpeg';
				$ext='.jpeg';
				break;
			case 'image/jpeg':
				$ext='.jpg';
				break;
			case 'image/bmp':
				$ext='.bmp';
				break;
			default:
				$ext='.jpg';
		}
		$file_path='./Uploads/'.date('Ymd').'/'.time().$ext;
		if(!file_exists(dirname($file_path))){
			mkdir(dirname($file_path),0777,true);
		}
		$img_content = str_replace('data:'.$type.';base64,','',$str);
		$img_content = base64_decode($img_content);
		$result =file_put_contents($file_path,$img_content);

个人博客已转移到尛雷个人博客


移动端图片上传方法【更好的兼容安卓IOS和微信】


网页名称:移动端图片上传方法【更好的兼容安卓IOS和微信】
文章起源:http://chengdu.cdxwcx.cn/article/ggjdeh.html

其他资讯