移动端web无刷新上传图片【兼容安卓IOS】-创新互联-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

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

博客已转移到:PHP博客

隆回网站建设公司成都创新互联,隆回网站设计制作,有大型网站制作公司丰富经验。已为隆回超过千家提供企业网站建设服务。企业网站搭建\成都外贸网站建设公司要多少钱,请找那个售后服务好的隆回做网站的公司定做!
需求手机端网页或者微信无刷新上传头像
环境手机浏览器或者微信浏览器(支持HTML5)
实现方式LocalResizeIMG
地址

https://github.com/think2011/LocalResizeIMG(原版地址)

链接: http://pan.baidu.com/s/1ntNYXrb 密码: 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   感谢@南宁-柿子


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


另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。


网站名称:移动端web无刷新上传图片【兼容安卓IOS】-创新互联
网站链接:http://kswsj.cn/article/dssidh.html

其他资讯