前端缩小图片php上传,前端压缩图片以及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格式的字符串转成图片文件，并存入服务器当中，并且图片路径存入数据库，以便随时调取。