JS前端上传图片、压缩、并且处理旋转问题,生成base64数据
来源:互联网 发布:广联达翻样软件多少钱 编辑:程序博客网 时间:2024/05/21 22:33
简介
JS前端上传图片、压缩、并且处理旋转问题,生成base64数据
演示地址
http://www.tkc8.com/test/pic/index.html
代码
https://github.com/big-sponge/js-image-base64
示例代码
<!DOCTYPE html><html lang="zh-CN"><head> <title>image-test</title> <meta charset="utf-8"/> <script src="jquery-2.1.4.js" type="text/javascript"></script> <script src="base64image.js" type="text/javascript"></script> <script src="exif.js" type="text/javascript"></script> </head><body><input type="file" style="display: none" onchange="fileUp(this)" id="file-up"><input type="button" value="点我上传图片" onclick="$('#file-up').click();" /><div id='image-list'></div> <script> var fileUp = function (me) { base64Image({ file: me, /*【必填】对应的上传元素 */ callback: function (imageUrl) { /*【必填】处理成功后的回调函数 */ /*imageUrl为得到的图片base64数据,这里可以进行上传到服务器或者其他逻辑操作 */ var img = new Image(); img.src = imageUrl; $("#image-list").append(img); }, width:750, /*【选填】宽度默认750,如果图片尺寸大于该宽度,图片将被设置为该宽度*/ ratio:0.75, /*【选填】压缩率默认0.75 */ }); }; </script></body></html>
阅读全文
1 0
- JS前端上传图片、压缩、并且处理旋转问题,生成base64数据
- js,angularjs 图片上传服务器,并解决照片旋转问题,前端图片压缩上传
- js上传图片处理:压缩,旋转校正图片
- 上传图片前端js压缩
- js图片转base64编码压缩上传
- 图片上传-form表单还是base64-前端图片压缩
- JS图片压缩上传处理
- H5技术完美实现调用手机摄像头、相册。图片上传base64,图片压缩、预览、删除以及图片旋转90度的处理--demo。
- vuejs开发组件分享之H5图片上传、压缩及拍照旋转的问题处理
- js实现对上传图片进行压缩并且预览
- js压缩图片base64长度
- 图片上传压缩处理
- 图片上传压缩处理
- 图片上传压缩处理
- 图片上传压缩处理
- 前端input图片的上传和压缩以及图片旋转90度问题解决
- 前端实现图片压缩上传
- 前端实现图片压缩上传
- fabric.js 在vue中的使用
- Git使用入门
- WPF中TreeView添加子节点C#代码控制
- 各种数据类型的取值范围
- docker 搭建 consul 集群
- JS前端上传图片、压缩、并且处理旋转问题,生成base64数据
- leetcode--Combination Sum
- 莫比乌斯反演学习资料
- UI05-UIView视图的创建
- 设计模式初探-观察者模式
- Noip 2014 无线网络发射器选址
- LeetCode 74 Search a 2D Matrix(Python详解及实现)
- 线程通信基础流程分析
- Dynamics CRM 365 Button自定义之RibbonWorkbench2016