手机浏览器或者微信浏览器移动端无刷新上传图片:LocalResizeIMG【兼容安卓IOS】

手机浏览器或者微信浏览器移动端无刷新上传图片:LocalResizeIMG(支持HTML5)【兼容安卓IOS】

原版的主要问题只能指定固定的图片宽度,而修改版扩展原图片上传


<h1 class="text-center">LocalResizeIMG-本地压缩 1.0</h1>
    <hr/>
    <input type="file" name="head"/>
    <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:生成成功以后是base64码,在success里可以用ajax发送到服务器端保存,base64会生成两种:一种是带前缀说明图片 类型的base64码,可以直接放到img标签里使用,调用方法:result.base64   还有一种是result.clearBase64,不带说明的,读取方法:result.clearBase64。

服务器端代码:

<?php
$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的格式。




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

链接: http://pan.baidu.com/s/1ntNYXrb 密码: 71cp(个人修改版)


关键词: 移动端上传图片 , localresizeimg

上一篇: ThinkPHP 跨分组和跨模块调用控制器方法(A方法与R方法)
下一篇: Linux命令行抓包工具tshark(wireshark)安装和使用方法

目前还没有人评论,您发表点看法?
发表评论

评论内容 (必填):