在H5中使用video调用手机相机，然后使用canvas捕捉视频内容得到图片。拍照和压缩上传 <video id="video" width="320" height="240" autoplay></video><button id="snap">拍摄</button><canvas id="ca ...
分类：
Web程序 时间：
2017-10-20 13:29:53
阅读次数：
260
html部分 js部分 效果展示 参考友情链接： 1、https://github.com/whxaxes/node-test/blob/master/server/upload/index_2.html 2、https://github.com/whxaxes/node-test/blob/mas ...
分类：
Web程序 时间：
2017-09-27 13:33:11
阅读次数：
258
此demo为大于1M对图片进行压缩上传 若小于1M则原图上传，可以根据自己实际需求更改。 demo源码如下： ...
分类：
Web程序 时间：
2017-09-23 23:28:25
阅读次数：
261
最近做移动端图片上传，发现图片尤其是iPhone拍照的图片都有2M左右，但是实际上项目中用不到这么大，于是想到要用js在前台进行压缩。 解决方案如下： 【一】获取图片数据 先是获取图片数据，也就是监听input file的change事件，然后获取到上传的文件对象files，将类数组的files转成 ...
分类：
移动开发 时间：
2017-05-15 00:37:37
阅读次数：
412
思路是将图片抽样显示在canvas上，然后用通过canvas.toDataURL方法得到base64字符串来实现压缩。 1.base64转二进制文件 2.压缩 参数(图片对象,品质,输出格式) 返回压缩后图片对象 3.主要流程 获得和读取图片对象 创建canvas,尺寸设置压缩后的图片尺寸 调用dr ...
分类：
Web程序 时间：
2017-03-25 17:19:51
阅读次数：
358
1 html 部分 2 服务端文件（PHP） 测试结果如图： ...
分类：
Web程序 时间：
2017-03-24 13:51:41
阅读次数：
927
im发送图片，现将图片压缩再上传 1) 调用 FileReader 的 reader.readAsDataURL(img); 方法, 在其onload事件中, 将用户选择的图片读入 Image对象. 2) 在image对象的 onload 事件中, 通过 canvas 的 canvas.getCon ...
分类：
Web程序 时间：
2017-03-24 12:07:02
阅读次数：
234
主要功能，使用H5的formData上传base64格式的图片，canvas压缩图片，前端样式使用weui，为方便起见，使用了jquery封装过的weui，jqweui。 话不多少，开始上代码。 前端代码，直接在jqweui官网下的demo里改的（是dist下的demo） 上述代码中 只有这个函数的 ...
分类：
移动开发 时间：
2017-03-11 18:27:50
阅读次数：
2413
可以通过输入ARGB（A代表透明度）格式或者HEX格式查看颜色，也可以进行ARGB格式和者HEX格式转换，如下图 使用C#编写，我已将源代码压缩上传 下载地址：http://files.cnblogs.com/files/wintertone/ColorTest.rar ...
分类：
Web程序 时间：
2017-03-02 23:21:59
阅读次数：
281
