爱刨根知识网

  1. 首页 > 经验知识 > >

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

生活经验知识分享

html5+官网地址
使用hbuilder开发工具开发：实现可对android机进行控制和获取资源
说明：io模块管理本地文件系统，用于对文件系统的目录浏览、文件的读取、文件的写入等操作 。通过plus.io可获取文件系统管理对象
获取目录：常量：

  • 应用私有资源目录，对应常量plus.io.private_www，仅应用自身可读
  • 应用私有文档目录，对应常量plus.io.private_doc，仅应用自身可读写
  • 应用公共文档目录，对应常量plus.io.public_documents，多应用时都可读写，常用于保存应用间共享文件
  • 应用公共下载目录，对应常量plus.io.public_downloads，多应用时都可读写，常用于保存下载文件
以下有四个demo
<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>//打开摄像头进行录像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 );},【html5+实现plus.io进行拍照和图片等获取】//停止摄像头录像stopcapture(){console.log("stopcapture");this.cmr.stopvideocapture()//设备现在不支持，需要手动调用关闭摄像头},//打开摄像头进行拍照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})},//根据路径获取图片参数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));}})},//获取根目录找到图片getimageurl(){console.log(this)let that = thisconsole.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.namethat.imagelist.push(name)console.log(that.imagelist)}})console.log(that.imagelist)}, function ( e ) {alert( "read entries failed: " + e.message );} );} );}到此这篇关于html5+实现plus.io进行拍照和图片等获取的文章就介绍到这了,更多相关html5+拍照和图片获取内容请搜索www.887551.com以前的文章或继续浏览下面的相关文章，希望大家以后多多支持www.887551.com！
-- 展开阅读全文 --

    推荐阅读


    上一篇：使用HBuilder制作一个简单的HTML5网页

    下一篇：HTML5之高度塌陷问题的解决