图片压缩

老邮局

本帖最后由老邮局于 2015-7-2 21:18 编辑

课程：图片压缩
时间：7月4日20:00
地点：YY直播间(52634706)
讲师：毛豆
简介：利用HTML5的canvas压缩图片大小，并转换为base64编码格式，通过ajax发送至服务器，由服务器解码后，写入图片并保存。(通用PC、web app、app、微信)

知识点：
1、api.getPicture();剖析
2、canvas画布
3、base64编码
4、FILE API(FileReader)、文件字节流
5、等比例缩放
6、ajax发送文件原理

老邮局

自己顶一下~~~~

jiaweipeng

怎样压缩图片，可以分享一下代码吗? 谢谢！

superlu

没有学习到，刚刚看到老邮局的教程。太和口味了。有录播吗？

nblove

什么时候放视频啊，等待、期待

聚邻科技

markup<!DOCTYPE HTML>␊
<html lang="zh-CN">␊
<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0,user-scalable=no"/>␊
<head>␊
<meta charset="UTF-8">␊
<title>LocalResizeIMG</title></head>␊
<style> body {␊
      margin: 20px 20%;␊
      color: #777;␊
      text-align: center;␊
}</style>␊
<body><h1 class="text-center">LocalResizeIMG-本地压缩 1.0</h1>␊
<hr/>␊
<input type="file"/>␊
<hr/>␊
␊
<script src="/api/localResizeIMG-gh-pages/patch/jquery-2.1.1.min.js" type="text/javascript"></script>␊
<script src="/api/localResizeIMG-gh-pages/LocalResizeIMG.js" type="text/javascript"></script>␊
␊
<script src="/api/localResizeIMG-gh-pages/patch/mobileBUGFix.mini.js" type="text/javascript"></script>␊
<script type="text/javascript">       $('input:file').localResizeIMG({␊
      width: 500,␊
      quality: 0.8,␊
      success: function (result) {␊
         var img = new Image();␊
         img.src = result.base64;␊
         $('body').append(img);␊
         $.ajax({␊
            url: './uploads.php',␊
            type: 'POST',␊
            data: {formFile: result.clearBase64},␊
            dataType: 'HTML',␊
            timeout: 1000,␊
            error: function () {␊
                  alert('Error loading PHP document');␊
            },␊
            success: function (result) {␊
            }␊
         });␊
      }␊
}); </script>␊
</body>␊
</html>

清风师爷

图片压缩我直接使用百度的 web 请求十分方便！

老邮局

superlu 发表于 2015-7-14 20:34
没有学习到，刚刚看到老邮局的教程。太和口味了。有录播吗？

www.9y.cm有录像，请关注

老邮局

nblove 发表于 2015-8-12 08:18
什么时候放视频啊，等待、期待

www.9y.cm有录像，请关注

段鹏举

老邮局发表于 2015-8-12 15:34
www.9y.cm有录像，请关注

老师您这个课程的demo源码能给我们吗