Skip to content
前端实现:图片压缩,图片旋转矫正方向,图片预览,图片二进制数据流上传
JavaScript HTML
Branch: master
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
src
ImgProcess.html
README.md

README.md

前端实现:图片压缩,图片旋转矫正方向,图片预览,图片二进制数据流上传

项目运行方法:

1.clone项目到本地电脑

2.进入项目根目录

3.双击ImgProcess.html,即可在浏览器运行demo了。

项目中主要插件是:

src/processImg.js 和 src/exif.js

这两个插件是用来实现图片压缩和图片方向纠正的。

processImg.js依赖于exif.js,所以在使用的时候,必须先引入exif.js,然后再引入processImg.js

插件processImg.js和exif.js都是原生js编写的。所以不依赖第三方库,可以直接在任何前端项目中使用。

只需要先将exif.js引入,然后再将processImg.js引入即可。

exif.js 提供了 JavaScript 读取图像的原始数据的功能扩展,例如:拍照方向、相机设备型号、拍摄时间、ISO 感光度、GPS 地理位置等数据。

Exif.js 的 github 仓库地址:https://github.com/exif-js/exif-js/

浏览器兼容性:

插件的浏览器兼容性:IE10+,IE10以下的浏览器可能不兼容

插件详细讲解:

文章地址:https://juejin.im/post/5a9759a16fb9a0635b5360b3

声明:这个插件的初衷是教会大家如何自己编写图片压缩、方向纠正插件。上传和预览不是重点,重点是如何压缩和纠正方向,所以上传和预览没有放在插件processImg本身中,而是写在了demo中。

You can’t perform that action at this time.