移动端web无刷新上传图片【兼容安卓IOS】
- WBOYOriginal
- 2016-06-07 11:41:091030browse
不要总收藏啊,来点评论啊,亲们
移动web上传图片，也兼容PC端：
原文地址:http://a3147972.blog.51cto.com/2366547/1551066
作者：尛雷
感谢：@南宁-柿子
需求: 手机端网页或者微信无刷新上传头像
环境: 手机浏览器或者微信浏览器(支持HTML5)
实现方式: LocalResizeIMG
地址:
https://github.com/think2011/LocalResizeIMG(原版地址)
链接: http://pan.baidu.com/s/1ntNYXrb 密码: 71cp(个人修改版)
说明 原版只能指定固定的图片宽度，而修改版扩展原图片上传
使用方式 <h1>LocalResizeIMG-本地压缩 1.0</h1>
<br>
<hr>
<br>
<input><br>
<hr>
<br>
<br>
<!-- javascript<br />
================================================== --><br>
<script></script><br>
<script></script><br>
<br>
<!-- mobileBUGFix.js 兼容修复移动设备 --><br>
<script></script><br>
<script><br />
$('input:file').localResizeIMG({<br />
width: 100,<br />
quality: 0.1,<br />
success: function (result) {<br />
var img = new Image();<br />
img.src = result.base64;<br />
<br />
$('body').append(img);<br />
console.log(result);<br />
}<br />
});<br />
</script>简单说明:width是生成的图片的宽度，个人修改里，如果指定width为1，则为原图宽度
quality是图片的质量
success:生成成功以后是base64码，在success里可以用ajax发送到服务器端保存，base64会生成两种：一种是带前缀说明图片类型的base64码，可以直接放到img标签里使用，调用方法：result.base64 还有一种是result.clearBase64，不带说明的，读取方法:result.clearBase64。
服务器端代码:$path='./Uploads/'.date('Ymd').'/';<br>
if(!file_exists($path)){<br>
mkdir($path);<br>
}<br>
$file=$path.time().'.jpeg';<br>
$base64=base64_decode($_POST['head']);<br>
file_put_contents($file, $base64)
其他说明：安卓下有些可以调用相册，文件管理器和摄像头，有些只能调用相册和文件管理器
IOS可调用相册和摄像头。
PC端无限制
无论上传什么图片，最后都会变成jpeg的格式。
欢迎加群： 252799167 感谢@南宁-柿子
本文出自 “尛雷” 博客，请务必保留此出处[urlhttp://blog.phpue.com/Article/index/id/15.html[/url]
AD：真正免费，域名+虚机+企业邮箱=0元