基本思路 监听 input file 的 change 事件,获取到上传的文件信息 使用 FileReader 对象读取文件的 base64 格式,赋值给 img 显示 将图片绘制在 canvas 上,控制图片绘制的宽度,超过宽度,等比缩放。 利用 exif.js 获取图片 ...
前段时间,同事又来咨询一个问题了,说手机端动不动拍照就好几M高清大图,上传服务器太慢,问问我有没有可以压缩图片并上传的js插件,当然手头上没有,别慌,我去网上搜一搜。 结果呢,呵呵。。。诶 又全是基于jquery zepto的 这句话似乎吐槽次数太多了... ,然后我也就不吐槽了, 然后当然是自己做了,先上图: 纯原生js的移动端图片压缩上传插件,不依赖任何库 用法 在html页面中引入input ...
2016-03-16 17:49 5 11495 推荐指数:
基本思路 监听 input file 的 change 事件,获取到上传的文件信息 使用 FileReader 对象读取文件的 base64 格式,赋值给 img 显示 将图片绘制在 canvas 上,控制图片绘制的宽度,超过宽度,等比缩放。 利用 exif.js 获取图片 ...
一、下载 https://pan.baidu.com/s/1NEL4tkHoK4ydqdMi_hgWcw 提取码:vx7e 二、Demo示例 三、插件文档 ...
上传压缩方法 html javascript ...
接着上一篇纯js移动端日期选择插件,话说今天同事又来咨询省市县联动的效果在移动端中如何实现,还是老样子,百度上一搜,诶~又全是基于jquery、zepto的,更加可恨的是大多数都是PC版的,三个select标签!!!这在移动端上的体验太low了,我想以我的脾气肯定是要自己做的,正好之前 ...
最近在项目上需要使用日期选择插件,由于是移动端的项目,对请求资源还是蛮节约的,可是百度上一搜,诶~全是基于jquery、zepto的,本来类库就很大,特别像mobiscroll这种样式文件一大堆又丑又长还收费,我就忍不住自己做了一个,也不过就10几kb的事情嘛,想想独乐乐不如众乐乐,如果伙伴们手上 ...
最近在做一个H5的项目,里边涉及到拍照上传图片的功能以及识别图片的功能,这里对识别图片的功能不做赘述,不属本文范畴。我在做完并上线项目后,同事跟我提了一个要求是可不可以同时选择多张图片上传,我做的时候的想法是如果给file表单加了 multiple 属性就没有办法调用手机的摄像头拍照了,如果不加 ...
原文地址:http://blog.gdfengshuo.com/2017/06/29/17 前言 在手机上通过网页 input 标签拍照上传图片,有一些手机会出现图片旋转了90度d的问题,包括 iPhone 和个别三星手机。这些手机竖着拍的时候才会出现这种问题,横拍出来的照片就正常显示 ...
1.需求 做一个前端可压缩并且上传图片到后台的功能 2.使用组件 用到的主要是jq和LocalResizeIMG这2个库 3.使用方法 a.引入脚本文件 b.编写html c.编写css d.执行上传代码 e.后端php接收 ...