ajax上传图片到PHP并压缩图片显示的方法 - 网站

ajax上传图片到PHP并压缩图片显示的方法

分类:js_jQuery答疑 - 常见问题 · 发布时间:2021-11-21 06:27 · 阅读:8785

这篇文章主要为大家详细介绍了ajax上传图片到PHP并压缩图片显示的方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

本文实例为大家分享了ajax上传图片到PHP并压缩图片显示的具体代码,供大家参考,具体内容如下

需求就是,上传图片并压缩图片页面效果如下图:

HTML代码

 
上传图片
0%

CSS代码和引入的bootstrap

 

JS代码

 

PHP代码

  512000) { //限制上传大小 //   echo '图片大小不能超过500k'; //   exit; //  } //  $type = strstr($picname, '.'); //限制上传格式 //   if ($type != ".gif" && $type != ".jpg-600") { //       echo '图片格式不对!'; //    exit; //   } //  $rand = rand(100, 999); //  $pics = date("YmdHis") . $rand . $type; //命名图片名称 //防止上传图片名中文乱码 $name=iconv("UTF-8","gb2312", $picname); //上传路径 $pic_path = "files/". $name; //移动图片位置 move_uploaded_file($_FILES['mypic']['tmp_name'], $pic_path); } //图片地址 拿到图片地址可以传递到数据库 $source = "files/". $picname; $size = round($picsize/1024,2); //转换成kb $arr = array( 'name'=>$picname, 'pic'=>$source, 'size'=>$size ); echo json_encode($arr); //输出json数据 $dst_img = $picname; $percent = 1; //原图压缩,不缩放 /** * 方法一 * 压缩图片传递三个参数 * 1.资源文件 * 2.压缩图片质量 1是最高,从0.1开始 * 3.图片压缩名字 */ (new Compress($source,$percent))->compressImg($dst_img); /** * 方法二 * 1.资源文件 * 2.压缩图片质量 * 3.图片名字 */ // require 'image.class.php'; // $src = "001.jpg-600"; // $image = new Image($src);・・・・・・・・・・・・・・ // $image->percent = 0.2; // $image->saveImage(md5("aa123")); } 

图片压缩类请下载源码

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持html中文网。

标签:
ajax 上传图片 压缩图片

相关文章

AJAX乱码与异步同步以及封装jQuery库实现步骤详解

这篇文章主要介绍了异步通信技术AJAX乱码问题、异步与同步、手动封装一个jQuery库,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习吧

AJAX的跨域问题解决方案

跨域简单的说,就是从一个域名的网页去访问另一个域名网页的资源,下面这篇文章主要给大家介绍了关于AJAX的跨域问题解决的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下

利用Ajax实现智能回答的机器人示例代码

这篇文章主要介绍了利用Ajax实现智能回答的机器人,本文结合示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

ajax、axios和fetch之间优缺点重点对比总结

今天被问到用没用过ajax axios,我回答经常用axios,但ajax用的比较少,下面这篇文章主要给大家介绍了关于ajax、axios和fetch之间优缺点重点对比总结的相关资料,需要的朋友可以参考下

如何通过axios发起Ajax请求(最新推荐)

Axios是专注于网络数据请求的库,相比于原生的XMLHttpRequest对象,axios简单易用。相比于Jquery,axios更加轻量化,只专注于网络数据请求,这篇文章主要介绍了如何通过axios发起Ajax请求,需要的朋友可以参考下

返回分类 返回首页