首页 > php教程 > php手册 > 正文

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

php中文网
发布: 2016-06-07 11:41:09
原创
1126人浏览过

不要总收藏啊,来点评论啊,亲们
移动web上传图片,也兼容PC端:
原文地址:http://a3147972.blog.51cto.com/2366547/1551066
作者:尛雷
感谢:@南宁-柿子
需求: 手机端网页或者微信无刷新上传头像
环境: 手机浏览器或者微信浏览器(支持HTML5)
实现方式: LocalResizeIMG
地址:
https://github.com/think2011/LocalResizeIMG(原版地址)
链接: http://pan.baidu.com/s/1ntNYXrb 密码: 71cp(个人修改版)
说明 原版只能指定固定的图片宽度,而修改版扩展原图片上传
使用方式

LocalResizeIMG-本地压缩 1.0


    

    
    

 
    
    <script></script>
    <script></script>
     
    
    <script></script>
    <script><br /> $(&#039;input:file&#039;).localResizeIMG({<br /> width: 100,<br /> quality: 0.1,<br /> success: function (result) {<br /> var img = new Image();<br /> img.src = result.base64;<br /> <br /> $(&#039;body&#039;).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').'/';
        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]

AD:真正免费,域名+虚机+企业邮箱=0元

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号