注册会员 | 设为首页 | 加入收藏夹
您好，欢迎光临本网站！[请登录] ！[注册会员]！  

搜索资源列表

  1. 图片压缩及添加水印

  2. 在代码中关键部分都有详细的注释： 1、使用两张图片合成水印； 2、将文字直接绘制到图片上； 3、获取手机或sd卡上的图片，压缩并显示； 4、可将图片保存到sd卡上； 5、将图片进行Base64转换； 6、将Base64转换为图片。

  3. 所属分类：Android

    • 发布日期：2014-04-28
    • 文件大小：74752
    • 提供者：jinwen_li2012

  1. 移动端图片压缩上传

  2. 移动端图片上传，html5+PHP实现，现在移动端存储照片都比较大，所以在上传之前我们需要进行压缩处理。简单写一下思路： 1.选择完图片通过html5的FileReader拿到base64的图片 2.创建一个Image对象，将base64图片作为Image对象的src 3.拿到Image对象的高宽，按比例计算出想要的高宽（使用image.onload解决各浏览器不兼容拿不到Image对象高宽的问题） 4.按照计算好之后高宽将图片在canvas上绘制出来 5.通过canvas的toDataURL

  3. 所属分类：HTML5

    • 发布日期：2014-12-20
    • 文件大小：77824
    • 提供者：bushy0401

  1. php+html5移动端图片压缩上传

  2. 移动端图片上传，html5+PHP实现，现在移动端存储照片都比较大，所以在上传之前我们需要进行压缩处理。简单写一下思路： 1.选择完图片通过html5的FileReader拿到base64的图片 2.创建一个Image对象，将base64图片作为Image对象的src 3.拿到Image对象的高宽，按比例计算出想要的高宽（使用image.onload解决各浏览器不兼容拿不到Image对象高宽的问题） 4.按照计算好之后高宽将图片在canvas上绘制出来 5.通过canvas的toDataURL

  3. 所属分类：PHP

    • 发布日期：2015-01-10
    • 文件大小：77824
    • 提供者：u011986449

  1. html5+exif.js+canvas

  2. 实现手机端照片上传预览、压缩、旋转功能。 //获取照片方向角属性，用户旋转控制 EXIF.getData(file, function() { // alert(EXIF.pretty(this)); EXIF.getAllTags(this); //alert(EXIF.getTag(this, 'Orientation')); Orientation = EXIF.getTag(this, 'Orientation'); //return; }); var base64 = null; v

  3. 所属分类：HTML5

    • 发布日期：2015-09-22
    • 文件大小：98304
    • 提供者：linlzk

  1. H5图片压缩与上传

  2. 大体的思路是将图片抽样显示在canvas上，然后用通过canvas.toDataURL方法得到base64字符串来实现压缩。比如在input元素触发change事件之后，读取里面的文件进行操作

  3. 所属分类：Javascript

    • 发布日期：2017-01-17
    • 文件大小：15360
    • 提供者：wt0731

  1. html5+exif.js+mobileBUGFix.mini.js+canvas

  2. 实现手机端照片上传预览、压缩、旋转功能。 //获取照片方向角属性，用户旋转控制 EXIF.getData(file, function() { // alert(EXIF.pretty(this)); EXIF.getAllTags(this); //alert(EXIF.getTag(this, 'Orientation')); Orientation = EXIF.getTag(this, 'Orientation'); //return; }) ; var base64 = null;

  3. 所属分类：HTML5

    • 发布日期：2017-02-04
    • 文件大小：94208
    • 提供者：zhangjie0407

  1. canvas图片上传压缩保存到指定目录（php）

  2. 1、用户通过文件选择空间选择图片，图片选择好，自动在线压缩好生成base64形成预览 2、点击上传，会通过ajax的post提交方式提交到PHP后台处理 3、PHP后台获取base64解码保存到指定保存图片的目录中 4、必须在PHP环境下操作才能实现上传压缩保存能正常使用，否则只能进行前端图片压缩和预览功能 5、界面比较简单，没有进行过多的修饰，用户可以自行修改

  3. 所属分类：PHP

    • 发布日期：2017-04-18
    • 文件大小：45056
    • 提供者：u010029821

  1. canvas压缩图片并展示缩略图

  2. 创建Canvas元素，用Canvas绘制出图片，把图片按自己设置的比例转成base64位图片，最后连接到Img上，完成缩略图显示。

  3. 所属分类：Web开发

    • 发布日期：2018-05-05
    • 文件大小：6291456
    • 提供者：a646070718

  1. H5移动端Base64压缩图片

  2. 运用了canvas技术，将照片格式转成base64格式，直接下载，建议用Hbuilder打开。

  3. 所属分类：HTML5

    • 发布日期：2018-08-06
    • 文件大小：86016
    • 提供者：sinat_37094766

  1. canvas图片压缩base64位上传

  2. 图片上传，html5 canvas压缩base64位上传，js、java代码齐全，注释简明清楚，一看即懂

  3. 所属分类：Java

    • 发布日期：2018-08-14
    • 文件大小：2048
    • 提供者：u012424893

  1. JS图片压缩上传 canvas 压缩图片

  2. 1.运用 canvas 实现 图片上传压缩 2.包含 将图片转为Base64位 以及转为Blob对象

  3. 所属分类：Web开发

    • 发布日期：2020-03-02
    • 文件大小：4096
    • 提供者：qq_21772835

  1. canvas压缩图片转换成base64格式输出文件流

  2. 本文主要介绍了canvas压缩图片转换成base64格式输出文件流的方法，具有很好的参考价值。下面跟着小编一起来看下吧

  3. 所属分类：其它

    • 发布日期：2020-08-31
    • 文件大小：41984
    • 提供者：weixin_38694566

  1. html5+exif.js+canvas

  2. 实现手机端照片上传预览、压缩、旋转功能。 //获取照片方向角属性，用户旋转控制 EXIF.getData(file, function() { // alert(EXIF.pretty(this)); EXIF.getAllTags(this); //alert(EXIF.getTag(this, 'Orientation')); Orientation = EXIF.getTag(this, 'Orientation'); //

  3. 所属分类：HTML5

    • 发布日期：2020-09-12
    • 文件大小：98304
    • 提供者：fly_cool

  1. Vue 图片压缩并上传至服务器功能

  2. 本文主要讲解基于 Vue + Vant ，实现移动端图片选择，并用 Canvas 压缩图片，最后上传至服务器。还会封装一个工具类，方便直接调用。 一、工具类封装 废话不多说先上代码，封装一个 CompressImageUtils 工具类： ** * 图片压缩工具类 * 最大高度和最大宽度都为 500，如果超出大小将等比例缩放。 * * 注意可能出现压缩后比原图更大的情况，在调用的地方自己判断大小并决定上传压缩前或压缩后的图到服务器。 */ // 将base64转换为blob exp

  3. 所属分类：其它

    • 发布日期：2020-11-21
    • 文件大小：176128
    • 提供者：weixin_38609401

  1. H5图片压缩与上传实例

  2. 接到需求，问前端是否可以压缩图片？因为有的图片太大，传到服务器上再压缩太慢了。意识里没有这么玩过，早上老大丢来一个知乎链接，一看，原来前辈们已经用canvas实现了(为自己的见识羞愧3秒钟，再马上开干)！。 canvas压缩 使用了github上的一个现成库：https://github.com/stomita/ios-imagefile-megapixel，不得不膜拜下stomita这位大神。大体的思路是将图片抽样显示在canvas上，然后用通过canvas.toDataURL方法得到base

  3. 所属分类：其它

    • 发布日期：2020-11-28
    • 文件大小：451584
    • 提供者：weixin_38685521

  1. html5使用canvas压缩图片的示例代码

  2. 前俩天做了一个图片转base64上传的功能，发现如果图片的base64过大的话，请求会变的很慢，严重的直接超时了，所以想到了在上传前压缩一下图片，然后再上传到后台，这样可以大大的提高效率，在这里记录一下利用 canvas 压缩图片遇到的几个坑。完整代码会在文末给出。 第一个坑，在压缩图片的时候没获取图片本身的宽高，给了一个 600*480 的定宽定高，因为是手机端的，在上传图片的时候都是几兆的图片，所以这块没任何问题。出问题的地方在 修改头像的时候，测试的时候上传的图片都是小图片，然后就出现了

  3. 所属分类：其它

    • 发布日期：2020-12-11
    • 文件大小：49152
    • 提供者：weixin_38703823

  1. HTML5+Canvas调用手机拍照功能实现图片上传（下）

  2. 上一篇只讲到前台操作，这篇专门涉及到Java后台处理，前台通过Ajax提交将Base64编码过的图片数据信息传到Java后台，然后Java这边进行接收处理，通过对图片数据信息进行Base64解码，之后使用流将图片数据信息上传至服务器进行保存，并且将图片的路径地址存进数据库。 大家可以点此链接查看前台本地压缩上传的处理： HTML5+Canvas+jQuery调用手机拍照功能实现图片上传（上） ok，废话不多说了，直接贴代码吧。 1、前台js代码： $.ajax({ asyn

  3. 所属分类：其它

    • 发布日期：2020-12-10
    • 文件大小：52224
    • 提供者：weixin_38651661

  1. html5 canvas移动浏览器上实现图片压缩上传

  2. 最近在移动端设计头像上传功能时，原本是以直接通过formData上传，然而实际使用情况是：对于过大的图片（高像素手机所拍摄的照片等）上传时间过长会导致上传失败，而每次都上传原始大小的图片（后台处理压缩）十分影响用户体验，所以研究了一下通过canvas压缩图片并上传的方法，以下是整理的一些思路和心得： 一、获取本地图片，并将图片绘制到画布中。此处的难点在于：由于浏览器的保护机制，无法直接获取到本地文件的图片路径，所以需要将本地图片编译成base64格式再做上传，代码如下： Javascr ipt

  3. 所属分类：其它

    • 发布日期：2020-12-14
    • 文件大小：53248
    • 提供者：weixin_38681082

  1. 使用canvas压缩图片大小的方法示例

  2. 问题来源 这个问题，源于上传图片文件的时候，后台限制了2MB的大小，but在调起相机拍照的时候分分钟超过了2MB,为了不影响用户体验和功能需求，需要前端对大小进行压缩，然后传到后台。 思路分析 找了很多资料，发现只有canvas可以对图片进行压缩处理。 原理大概就是： 1、先将图片的file文件转成baseURL 2、创建一个image标签去接收文件获取图片的宽高和比例。 3、创建canvas画布设置画布的大小。 4、将图片绘制到canvas上面。 5、对canvas进行压缩处理，获得新的bas

  3. 所属分类：其它

    • 发布日期：2020-12-13
    • 文件大小：69632
    • 提供者：weixin_38728555

  1. 浅析图片上传及canvas压缩的流程

  2. 我们通常在做图片上传的时候都会遇上这样的情况，一是后端接口限制上传图片的大小，或者是即使后端没有限制大小，因为图片太大在前端渲染时太慢，造成页面加载体验较差。因此我们很有必要对上传的图片进行压缩。 本文在gitthub做了收录：github.com/Michael-lzg… 本文主要包括以下流程： 用户通过input框选择图片 使用FileReader进行图片预览 将图片绘制到canvas画布上 使用canvas画布的能力进行图片压缩 将压缩后的Base6

  3. 所属分类：其它

    • 发布日期：2021-01-21
    • 文件大小：66560
    • 提供者：weixin_38556416
« 12 »