使用JS调用手机摄像头和相册
发布日期:2022-02-17 09:51:14 浏览次数:6 分类:技术文章

本文共 2863 字,大约阅读时间需要 9 分钟。

Html

图片描述

JS

//图片显示       function showPics(url,name){    	       	 //根据路径读取到文件            plus.io.resolveLocalFileSystemURL(url,function(entry){        	   entry.file( function(file){        		   var fileReader = new plus.io.FileReader();        		   fileReader.readAsDataURL(file);                   	   fileReader.onloadend = function(e) {                	       var picUrl = e.target.result.toString();                	       var picIndex = $("#picIndex").val();	               		var nowIndex = parseInt(picIndex)+1;	               		$("#picIndex").val(nowIndex);	               		var html = '';	               		html += '
'; html += '
X
'; html += '
'; html += '
'; html += $("#image-list").html(); $("#image-list").html(html); } }); }); } //压缩图片 function compressImage(url,filename){ var name="_doc/upload/"+filename; plus.zip.compressImage({ src:url,//src: (String 类型 )压缩转换原始图片的路径 dst:name,//压缩转换目标图片的路径 quality:40,//quality: (Number 类型 )压缩图片的质量.取值范围为1-100 overwrite:true//overwrite: (Boolean 类型 )覆盖生成新文件 }, function(zip) { //页面显示图片 showPics(zip.target,name); },function(error) { plus.nativeUI.toast("压缩图片失败,请稍候再试"); }); } //调用手机摄像头并拍照 function getImage() { var cmr = plus.camera.getCamera(); cmr.captureImage(function(p) { plus.io.resolveLocalFileSystemURL(p, function(entry) { compressImage(entry.toLocalURL(),entry.name); }, function(e) { plus.nativeUI.toast("读取拍照文件错误:" + e.message); }); }, function(e) { }, { filter: 'image' }); } //从相册选择照片 function galleryImgs() { plus.gallery.pick(function(e) { var name = e.substr(e.lastIndexOf('/') + 1); compressImage(e,name); }, function(e) { }, { filter: "image" }); } //点击事件,弹出选择摄像头和相册的选项 function showActionSheet() { var bts = [{ title: "拍照" }, { title: "从相册选择" }]; plus.nativeUI.actionSheet({ cancel: "取消", buttons: bts }, function(e) { if (e.index == 1) { getImage(); } else if (e.index == 2) { galleryImgs(); } } ); }

原文:

转载地址:https://blog.csdn.net/qq_43827328/article/details/87910906 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:在Jquery里格式化Date日期时间数据
下一篇:HDU2896 病毒入侵

发表评论

最新留言

能坚持,总会有不一样的收获!
[***.219.124.196]2024年03月20日 23时38分21秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

推荐文章

读书郎平板中android,读书郎学生平板电脑怎么用 使用方法详解【图文】 2019-04-21
html5 调用摄像头 支持IE,JS调用本地摄像头拍照(兼容各大浏览器及IE8+) 2019-04-21
rust和gta5哪个吃配置_盘点4款Steam“自由度”很高的游戏,GTA5众所周知,目前最热门... 2019-04-21
es审计日志_elasticsearch 事务日志translog 2019-04-21
文件未找到mathpage.wll_解决MathPage.wll文件找不到的问题(找了好久的良心之作)... 2019-04-21
java 图片旋转保存_Java 对图片90度旋转 2019-04-21
用java实现文学研究助手_数据结构文学研究助手 C语言代码实现(带源码+解析)... 2019-04-21
java gc的几种方式_GC 的三种基本实现方式 2019-04-21
wget linux java 32_通过wget在Linux上下载Java JDK会显示在许可证页面上 2019-04-21
babylonjs 设置面板位置_babylonjs 空间坐标转为屏幕坐标 2019-04-21
oracle里面如何查询sqlid,CSS_oracle中如何查看sql, --查询表状态:  select uo.O - phpStudy... 2019-04-21
php局部页面滚动,在访问另一页面后保留浏览器滚动位置 - php 2019-04-21
jmeter运行linux命令行,Jmeter在linux上运行(命令行运行Jmeter) 2019-04-21
linux服务器怎么添加站点,如何增加站点或虚拟主机及文件说明 2019-04-21
linux系统输入指令,Linux系统基础 - 基本操作命令 2019-04-21
mysql in 有序_mysql中的in排序 mysql按in中顺序来排序 2019-04-21
由于连接方在一段时间后没有正确答复或连接的主机_新风换气机使用效果不佳,为何?掌握正确使用方法就好了... 2019-04-21
mysql 查询姓王_MySQL查询语句练习题,测试足够用了 2019-04-21
mysql多实例脚本_mysql多实例脚本 2019-04-21
python如何生成excel文件夹_用python脚本通过excel生成文件夹树结构 2019-04-21