2 difiop difiop 于 2016.02.21 15:03 提问

手机页面利用canvas压缩图片再上传服务器,谷歌和微信内置浏览器可以华为自带浏览器却不行

如题,先利用canvas压缩图片,再通过ajaxFileUpload等把图片传到服务器,canvas.toDataURL("image/jpeg", 0.2);明明是jpeg了,在谷歌和微信内置浏览器也可以实现,但是用华为机自带的浏览器测试时,却强制性的变成png,压缩的图片也有很大缺失,变成一大块黑色。求高手指点。

1个回答

mengyin521
mengyin521   2016.02.21 22:54

查看下 华为浏览器的内核

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
微信手机网页上传图片高效率压缩(Canvas+Base64)
最近有一个小项目,有这么一个需求,要把照片上传到服务器,可是现在手机照片都是几M几M的,所以必须压缩下,我百度来百度去,也问了下网友,终于,在网友的帮助下,写出来了.. 下面先上个压缩效果图 然后上前端代码吧... 然后上前端代码吧... 然后上前端代码吧... 上传 //下面用于图片上传预览功能 function setImagePrevi
微信端内置浏览器对canvas的支持有问题
微信端内置浏览器对canvas的支持有问题 blue_blue 7 2月3日 提问 · 2月3日 更新 关注 5 关注 收藏 1 收藏,2.9k 浏览 问题对人有帮助,内容完整,我也想知道答案 0 问题没有实际价值,缺少关键内容,没有改进余地 代码如下: canvas id="myCanvas" wid
移动端用canvas压缩图片后再上传的功能
此前有同事跟我聊过关于移动端用canvas压缩图片后再上传的功能,最近有了点空闲时间,所以就实践了一下。demo效果链接在文章底部贴出。  在做移动端图片上传的时候,用户传的都是手机本地图片,而本地图片一般都相对比较大,拿iphone6来说,平时拍很多图片都是一两M的,如果直接这样上传,那图片就太大了,如果用户用的是移动流量,完全把图片上传显然不是一个好办法。  目前来说,HTML5的各种新API都
微信内置浏览器是什么?
最近在和团队的另外一下同事一起开发一个微信公众号的前端页面,其实就是做一个Web App,然后套在微信里面跑。那么问题来了,我们会用到HTML5的一些新特性,我想知道微信内置的浏览器是使用什么内核的,是直接调用系统的内核还是自己放了一个内核进去呢? 注意:浏览器内核是非常复杂的东西,本文目的主要是帮助和我一样,在做基于微信的Web App的时候,遇到同样疑问的大伙。 本次测试环境: 手机型号
关于图片onload事件兼容性处理, 谷歌浏览器版本 56.0.2896.3 (64-bit) 微信客户端浏览器 canvas篇
关于图片onload事件兼容性处理阐述: 一个小demo,关于canvas 绘制 大转盘 和 指针,当同时各自添加onload事件指针图片突发性不显示. 兼容性问题-浏览器版本: 谷歌浏览器版本 56.0.2896.3 (64-bit) , 微信客户端浏览器(iphone6) PC平台 :WIN10(64-bit) 代码实例function runLottey(Elem) {
微信浏览器调试
微信浏览器调试
meta 和 微信内置浏览器
https://github.com/hexianga/RN-usage/blob/master/meta%20%E5%92%8C%20%E5%BE%AE%E4%BF%A1%E5%86%85%E7%BD%AE%E6%B5%8F%E8%A7%88%E5%99%A8.docx
微信自动关闭内置浏览器页面
微信浏览器关闭内置页面
想在微信内置浏览器中打开网址的操作方法
如下图
微信浏览器自带WeixinJSBridge 指定分享内容
var imgUrl = ‘http://su.bdimg.com/static/superplus/img/logo_white.png‘;//这里是分享的时候的那个图片 var lineLink = ‘http://baidu.com‘;//这个是分享的网址 var descContent = “这个操作的介绍,没发现他有啥用”; var shareTitle = ‘这是题目题目题目‘;