前端压缩图片以及php后端上传

 后端压缩已经越来越不能满足用户的需求，尤其在前端日益发展的今天，前端压缩势在必行。以前由于一直没有找到合适的前端压缩的方法，一次放弃，一次次绕行，最终没有绕过这道坎。接下来我们说一下前端压缩还有上传

       1.引入js,index.js已上传我的资源。

        2.在页面中如何调用index.js,来实现前端压缩的效果。

上代码：

  html：

js代码：

此时，前端压缩就已经成功了。会将压缩过后的图片base64格式编码赋值在隐藏为文本域当中，提交表单的方式提交php来处理

接下来，我们在后台如何处理这些提交过来的base64格式的字符串，如何将他存储到服务器当中，然后将路径存入数据库

  php 代码：

public function uploadzippic(){
                $applicantid=I('applicantid');
                $where['applicantid']=$applicantid;
                $data['fileimg3_1'] = I('fileimg3_1');
                $data['fileimg3_2'] =I('fileimg3_2');
                $data['fileimg3_3'] =I('fileimg3_3');
                $data['fileimg3_4'] =I('fileimg3_4');
                $data['fileimg3_5'] =I('fileimg3_5');
                $file_path="./Public/Imagessm/".date('Y-m-d H:i:s').uniqid()."/";
                foreach($data as $k=>$v){
                        if (preg_match('/^(data:\s*image\/(\w+);base64,)/', $v, $result)){
                            //var_dump($result);
                    $type = $result[2];
                    
                    $new_file = "./Public/Imagessm/";
                    if(!file_exists($new_file))
                    {
                        //var_dump(111111);
                    //检查是否有该文件夹，如果没有就创建，并给予最高权限
                    mkdir($new_file, 0700);
                    }
                    $new_file = $new_file.uniqid().".{$type}";
                    if (file_put_contents($new_file, base64_decode(str_replace($result[1], '', $v)))){
                    //echo '新文件保存成功：', $new_file;
                          $new_file=substr($new_file, 1);
                          $cate[$k]=$new_file;
                          M('applicant_info')->where($where)->save($cate);
                    }else{
                    echo '新文件保存失败';die;
                    }
                    }
                    
                }
                
            $this -> redirect('Home/RegisterInfo/agreem', array('applicantid' => $applicantid));

                

                    }

此时，就是大功告成，我们已将base64格式的字符串转成图片文件，并存入服务器当中，并且图片路径存入数据库，以便随时调取。