博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
移动端web无刷新上传图片【兼容安卓IOS】
阅读量:7073 次
发布时间:2019-06-28

本文共 1204 字,大约阅读时间需要 4 分钟。

博客已转移到:

需求 手机端网页或者微信无刷新上传头像
环境 手机浏览器或者微信浏览器(支持HTML5)
实现方式 LocalResizeIMG
地址

(原版地址)

链接: 密码: 71cp(个人修改版)

说明 原版只能指定固定的图片宽度,而修改版扩展原图片上传
使用方式
LocalResizeIMG-本地压缩 1.0    

    
    

    
        $('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);             }         });

简单说明: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     感谢@南宁-柿子


footer.jpg

转载地址:http://lszml.baihongyu.com/

你可能感兴趣的文章
Wireshark网络抓包(二)——过滤器
查看>>
Ubuntu系统主题及插件工具等官方地址
查看>>
Linux 特殊目录
查看>>
AnguarJs-01-HelloWorld
查看>>
实现前端MD5加密与记住用户名密码功能
查看>>
command for cut
查看>>
Fortinet安全能力融入华为CloudEPN 联合防御网络威胁
查看>>
使用yum安装MariaDB
查看>>
RHEL7.2配置安装MariaDB数据库
查看>>
百度云管家 v 5.5.0 破解安装版
查看>>
语音识别技术受追捧,无法独立工作的“速记神器”何时才能成为新亮点?
查看>>
对Context的重新思考
查看>>
Win8 Metro(C#)数字图像处理--2.43图像马赛克效果算法
查看>>
顶级MySQL主从复制企业应用
查看>>
nginx访问http80端口跳转https443端口
查看>>
几个必须掌握的css概念:重用、子选择器和组选择器
查看>>
Linux下随机10字符病毒的清除
查看>>
编译安装NTP时间服务报错
查看>>
MongoDB主从
查看>>
iptables防火墙 --Linux详解
查看>>