html5+实现plus.io举行拍照和图片等获取

2024-11-3 02:55| 发布者: ae2942d9| 查看: 94| 评论: 0

摘要: html5+官网地址使用Hbuilder开发工具开发：实现可对Android机举行控制和获取资源说明：IO模块管理当地文件体系，用于对文件体系的目次浏览、文件的读取、文件的写入等操纵。通过plus.io可获取文件体系管理对象获

使用Hbuilder开发工具开发：实现可对Android机举行控制和获取资源
说明：IO模块管理当地文件体系，用于对文件体系的目次浏览、文件的读取、文件的写入等操纵。通过plus.io可获取文件体系管理对象

获取目次：常量：

应用私有资源目次，对应常量plus.io.PRIVATE_WWW，仅应用自身可读
应用私有文档目次，对应常量plus.io.PRIVATE_DOC，仅应用自身可读写
应用公共文档目次，对应常量plus.io.PUBLIC_DOCUMENTS，多应用时都可读写，常用于生存应用间共享文件
应用公共下载目次，对应常量plus.io.PUBLIC_DOWNLOADS，多应用时都可读写，常用于生存下载文件

以下有四个demo

[code] <button @click.stop="videoCapture" class="delBtn">录像</button> <button @click.stop="captureImage" class="delBtn">拍照</button> <button @click.stop="getImage" class="delBtn">获取图片</button> <button @click.stop="getImageUrl" class="delBtn">获取图片目次</button> [/code] [code] //打开摄像头举行录像 videoCapture(){ this.cmr = plus.camera.getCamera(); var res = this.cmr.supportedVideoResolutions[0]; var fmt = this.cmr.supportedVideoFormats[0]; console.log("Resolution: "+res+", Format: "+fmt); this.cmr.startVideoCapture( function( path ){ alert( "Capture video success: " + path ); }, function( error ) { alert( "Capture video failed: " + error.message ); }, {resolution:res,format:fmt} ); // 拍摄10s后主动完成 setTimeout( this.stopCapture, 10000 ); }, [/code] [code] //停止摄像头录像 stopCapture(){ console.log("stopCapture"); this.cmr.stopVideoCapture() //设备如今不支持，必要手动调用关闭摄像头 }, [/code] [code] //打开摄像头举行拍照 captureImage(){ var cmr = plus.camera.getCamera(); var res = cmr.supportedImageResolutions[0]; var fmt = cmr.supportedImageFormats[0]; console.log("Resolution: "+res+", Format: "+fmt); cmr.captureImage( function( path ){ //path 拍照成功获取到路径 console.log(path) }, function( error ) { //取消拍照的函数 console.log(error) }, {resolution:res,format:fmt} ) }, [/code] [code] //根据路径获取图片参数 getImage(){ plus.io.getImageInfo({ src: "/storage/emulated/0/Android/data/io.dcloud.HBuilder/apps/HBuilder/doc/1652421993337.jpg", success: function(data){ console.log(JSON.stringify(data)); }, fail: function(err){ console.log(JSON.stringify(err)); } }) }, [/code] [code] //获取根目次找到图片 getImageUrl(){ console.log(this) let that = this console.log(that) // 应用私有文档目次常量 plus.io.requestFileSystem( plus.io.PRIVATE_DOC , function(fs){ // fs.root是根目次操纵对象DirectoryEntry // 创建读取目次信息对象 var directoryReader = fs.root.createReader(); console.log(directoryReader) directoryReader.readEntries( function( entries ){ console.log( entries.length) var reg = /.(png|jpg|gif|jpeg|webp)$/; entries.forEach( item =>{ console.log(item.name) if(reg.test(item.name)) { console.log(item.name) console.log(that.imageList) let name = '/storage/emulated/0/Android/data/io.dcloud.HBuilder/apps/HBuilder/doc/'+item.name that.imageList.push(name) console.log(that.imageList) } }) console.log(that.imageList) }, function ( e ) { alert( "Read entries failed: " + e.message ); } ); } ); } [/code]

到此这篇关于html5+实现plus.io举行拍照和图片等获取的文章就先容到这了,更多相干html5+拍照和图片获取内容请搜刮脚本之家从前的文章或继承浏览下面的相干文章，盼望大家以后多多支持脚本之家！

来源：https://www.jb51.net/html5/830622.html
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！

收藏分享邀请

上一篇：HTML5之高度塌陷标题标解决下一篇：利用HBuilder制作一个简单的HTML5网页

账号		自动登录	找回密码
密码			立即注册

html5+实现plus.io举行拍照和图片等获取

相关分类

站长推荐 /6