ImageCompression: 这是一个基于canvas，应用在移动端的前端图片压缩的JS，其修正了移动端即时拍照上传时图片倒转等问题。

forked from wumingwei/ImageCompression

Create your Gitee Account

Explore and code with more than 12 million developers，Free private repositories ！：）

This repository doesn't specify license. Please pay attention to the specific project description and its upstream code dependency when using it.

Clone or Download

Update README.md d0002e9

Loading...

README

ImageCompression
================

这是一个基于canvas，应用在移动端的前端图片压缩的JS，其修正了移动端即时拍照上传时图片倒转等问题。

使用方法:

步骤一：
      链接exif.js和processImg.js，如下:

        <script src="js/exif.min.js"></script>
        <script src="js/processImg.min.js"></script>

步骤二：
      写入HTML，其必备要素是一个input file图片上传按钮和一个图片预览也是压缩后图片base64数据存储的img标签。
      例:

      <div class="imageFrame">
          <input name="upimage" id="upimage" type="file">
          <input type="button" id="upimageButton" onclick="upimage.click()">
          <img id="showimage" src="images/dengni37.jpg" alt="">
      </div>

步骤三：
      调用compressImg方法，如下：
      
      compressImg('upimage','showimage',480,function(src){
            //此处为回调函数，当图片压缩完成并成功显示后执行
            //可得到图片数据值src
            console.log(src);
      });
      'upimage'为图片上传按钮ID，
      'showimage'为图片预览按钮ID，
      最后一个参数为被压缩后图片的宽度。

这是一个基于canvas，应用在移动端的前端图片压缩的JS，其修正了移动端即时拍照上传时图片倒转等问题。

JavaScript

Cancel

No release

马建仓 AI 助手

尝试更多

代码解读

代码找茬

代码优化

JavaScript

1

https://gitee.com/swantb/ImageCompression.git

git@gitee.com:swantb/ImageCompression.git

swantb

ImageCompression

ImageCompression

master