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

最新推荐文章于 2022-05-19 20:34:52 发布

西客希林

最新推荐文章于 2022-05-19 20:34:52 发布

阅读量230

点赞数

文章标签：移动端图片上传php

博客已转移到：PHP博客需求手机端网页或者微信无刷新上传头像

环境手机浏览器或者微信浏览器(支持HTML5)

实现方式LocalResizeIMG

说明原版只能指定固定的图片宽度，而修改版扩展原图片上传

使用方式

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 感谢@南宁-柿子