移动端图片上传方法【更好的兼容安卓IOS和微信】-营山大橙子建站

新闻中心

这里有您想知道的互联网营销解决方案

移动端图片上传方法【更好的兼容安卓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和微信】
URL标题：http://scyingshan.cn/article/ggjdeh.html

新闻中心

其他资讯