移动web上传图片,也兼容PC端:
原文地址:http://a3147972.blog.51cto.com/2366547/1551066
作者:尛雷
感谢:@南宁-柿子
需求: 手机端网页或者微信无刷新上传头像
环境: 手机浏览器或者微信浏览器(支持HTML5)
实现方式: LocalResizeIMG
地址:
https://github.com/think2011/LocalResizeIMG(原版地址)
链接: http://pan.baidu.com/s/1ntNYXrb 密码: 71cp(个人修改版)
说明 原版只能指定固定的图片宽度,而修改版扩展原图片上传
使用方式
<h1 class="text-center">LocalResizeIMG-本地压缩 1.0</h1>
<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:生成成功以后是ba
服务器端代码:
$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 感谢@南宁-柿子
本文出自 “尛雷” 博客,请务必保留此出处[urlhttp://blog.phpue.com/Article/index/id/15.html[/url]
