移动端---前端在安卓与ios上遇到的坑
来源:互联网 发布:js 在div 中追加html 编辑:程序博客网 时间:2024/05/12 17:11
最近一直在写移动端项目,遇到不少适配安卓与ios及其他的问题,现在进行一个回顾
先是要如何判断安卓与ios
var u = navigator.userAgent;
var isAndroid = u.indexOf('Android') > -1 ||u.indexOf('Adr') > -1;//android终端
var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
if (isAndroid) {}elseif (isiOS) {}
1、使用input file调取摄像头与相册
<input type="file" class="input" id="inputCamera" capture="camera">
①安卓调取相机
var a =document.getElementById('inputCamera')
a.setAttribute("accept","image/*");
②安卓调取相册
var a =document.getElementById('inputPhoto')
a.setAttribute("capture","camera");
③ios调取相机
var a =document.getElementById('inputCamera')
a.setAttribute("capture","camera");
④ios调取相册
var a =document.getElementById('inputPhoto')
a.setAttribute("accept","image/*");
2、input:同一张图片上传的时候,不走change事件(没有办法上传同一张照片)
解决办法:
给input父级的form class重置:
$('._uploadimg_form2')[0].reset()
3、对图片进行压缩:
var canvas =document.createElement('CANVAS');
var ctx =canvas.getContext('2d');
var img = document.getElementById('imgPic'); //需要显示的img
var imgNew =new Image();
imgNew.src = this.result;//该图片url是你要压缩的url
imgNew.onload =function() {
var imgWidth =imgNew.width;
var imgHeight =imgNew.height;
var rate =0.5
canvas.width =imgWidth * rate;
canvas.height =imgHeight * rate;
console.log(rate,canvas.width,canvas.height)
ctx.drawImage(imgNew,0, 0, imgWidth * rate, imgHeight * rate);
var dataURL =canvas.toDataURL('image/png');
img.src =dataURL //给img赋值
}
未完待续。。。。。。
阅读全文
1 0
- 移动端---前端在安卓与ios上遇到的坑
- 移动端上遇到的各种坑与相对解决方案
- [移动端]移动端上遇到的各种坑与相对解决方案
- 移动端前端笔记 — 遇到的常见JS与CSS问题及解决方法
- 移动端前端笔记 — 遇到的常见JS与CSS问题及解决方法
- 关于传值问题在安卓浏览器上遇到的问题;
- 安卓在Eclipse上开发遇到项目运行不了的终极解决办法
- 最近移动前端项目中遇到的两个坑
- 解决安卓与IOS点击效果兼容(去除移动端Ios点击阴影 )
- 《移动Web前端高效开发实战》笔记1——静态布局在移动端上的自适应
- 初学者在maven与struts2上遇到的小坑。
- 使用ionic2移动应用在IOS中遇到的问题
- iOS开发:移动端与前端交互的一些基本操作
- Des 加密处理 iOS 和 安卓 与服务器 处理时 遇到的 补位问题
- HTML5在Android IOS等移动平台上的兼容性
- 混合app,网页嵌套在ios上遇到的bug
- 移动端在iOS上视频禁止全屏播放
- webrtc在移动端:Android, IOS上的视频编码器创建过程
- Codeforces Round #442 (Div. 2)D详解
- AsycnTask的使用----苏苏的小弟子
- 10月30日云栖精选夜读:云栖大会Serverless场分享:日志处理挑战与展望
- MALAB的几个常用函数
- SSM框架搭建
- 移动端---前端在安卓与ios上遇到的坑
- 模块API之module_put/__module_get
- Codeforces Round #440 D详解
- 图解:Vim快捷键实用介绍
- Autolayout代码编写
- centos jdk安装(二进制tar包)
- Fresco
- HTML5新元素
- AsyncTask listview加图片