HTML上传本地图片or拍照上传
来源:互联网 发布:美国大学放假知乎 编辑:程序博客网 时间:2024/04/30 08:13
HTML上传本地图片or拍照上传
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title> <style> #camera{ font-size: 100px; left: 0; top: 0; opacity: 0; width: 128px; height: 30px; position: absolute; display:block; } </style></head><body><img src="1.jpg" style="width: 100px;height: 100px;" id="imgUrl"><input type="file" id="camera" multiple="multiple" capture="camera" accept="image/*"></body><script src="jquery-1.9.1.min.js"></script><script> $(function () { //解决上传图片时capture="camera"在安卓与IOS的兼容性问题(在IOS只能拍照,不能选相册) var ua = navigator.userAgent.toLowerCase();//获取浏览器的userAgent,并转化为小写——注:userAgent是用户可以修改的 var isIos = (ua.indexOf('iphone') != -1) ||(ua.indexOf('ipad') != -1);//判断是否是苹果手机,是则是true if (isIos) { $("input:file").removeAttr("capture"); }; }); $("#camera").change(function(e){ for (var i = 0; i < e.target.files.length; i++) { var file = e.target.files.item(i); var freader = new FileReader(); freader.readAsDataURL(file); freader.onload = function(e) { var src = e.target.result; $("#imgUrl").attr("src",src); } } });</script></html>
阅读全文
0 0
- HTML上传本地图片or拍照上传
- Android上传本地图片或者拍照上传
- Android 图片拍照上传、本地上传
- Android 拍照上传和拍照本地显示,拍照剪切上传,选取本地图片剪切上传
- Android拍照或本地图片上传
- Android设置拍照或者上传本地图片
- Android本地上传图片、拍照、裁剪
- android 从本地或者拍照上传图片
- Android获取本地图片或拍照上传
- 上传图片本地html+css
- 拍照上传图片
- 利用html5调用本地摄像头拍照上传图片
- Android 拍照 以及从本地选择图片 上传
- 利用html5调用本地摄像头拍照上传图片
- Android 调用本地相机拍照并上传图片
- Android 拍照 以及从本地选择图片 上传
- 利用html5调用本地摄像头拍照上传图片
- 手机端本地图片或者拍照的上传功能
- Python小程序(0-10/100)
- NOIP模拟(10.23)T3 拆网线
- Java spi机制浅谈
- Unity中使用Rigdbody来给物体添加真是的移动旋转效果
- leetcode 230. Kth Smallest Element in a BST
- HTML上传本地图片or拍照上传
- 分布式重复检测系统构思
- WSDM-KKBOX音乐推荐比赛总结
- 【C++】this指针解析
- 面向对象的三大特征
- Resin基本配置及发布部署
- 解析json
- ionic2 初学各种命令集合
- 修改文件后缀名实现PDF转CAJ