使用html5+,用进行拍照,图片等获取

时间:2025-03-24 07:47:58

html5+官网地址

使用Hbuilder开发工具开发:实现可对Android机进行控制和获取资源
说明:IO模块管理本地文件系统,用于对文件系统的目录浏览、文件的读取、文件的写入等操作。通过可获取文件系统管理对象

获取目录:常量:

  • 应用私有资源目录,对应常量.PRIVATE_WWW,仅应用自身可读
  • 应用私有文档目录,对应常量.PRIVATE_DOC,仅应用自身可读写
  • 应用公共文档目录,对应常量.PUBLIC_DOCUMENTS,多应用时都可读写,常用于保存应用间共享文件
  • 应用公共下载目录,对应常量.PUBLIC_DOWNLOADS,多应用时都可读写,常用于保存下载文件

以下有四个demo

<button @="videoCapture" class="delBtn">录像</button>
 <button @="captureImage" class="delBtn">拍照</button>
 <button @="getImage" class="delBtn">获取图片</button>
 <button @="getImageUrl" class="delBtn">获取图片目录</button>
//打开摄像头进行录像
videoCapture(){
					 = ();
					var res = [0];
					var fmt = [0];
					("Resolution: "+res+", Format: "+fmt);
					( function( path ){
							alert( "Capture video success: " + path );  
						},
						function( error ) {
							alert( "Capture video failed: " +  );
						},
						{resolution:res,format:fmt}
					);
					// 拍摄10s后自动完成 
					setTimeout( , 10000 );
			},
//停止摄像头录像
			stopCapture(){
				("stopCapture");
				()   //设备现在不支持,需要手动调用关闭摄像头
			},
//打开摄像头进行拍照
			captureImage(){
				var cmr = ();
					var res = [0];
					var fmt = [0];
					("Resolution: "+res+", Format: "+fmt);
					( function( path ){
						//path   拍照成功获取到路径
							(path)
						},
						function( error ) {   //取消拍照的函数
							(error)
						},
						{resolution:res,format:fmt}
					)
			},
//根据路径获取图片参数
			getImage(){
				
				 ({
					 src: "/storage/emulated/0/Android/data//apps/HBuilder/doc/",
					 success: function(data){  
						((data));  
					},  
					fail: function(err){  
						((err));  
					}
				 })
			},
//获取根目录找到图片
			getImageUrl(){
				(this)
				let that = this
				(that)
				 // 应用私有文档目录常量
				( .PRIVATE_DOC , function(fs){
						// 是根目录操作对象DirectoryEntry
						// 创建读取目录信息对象 
						var directoryReader = ();
						(directoryReader)
						( function( entries ){
							( )
							var reg = /.(png|jpg|gif|jpeg|webp)$/;
							( item =>{
								()
								if(()) {
									()
									()
									let name = '/storage/emulated/0/Android/data//apps/HBuilder/doc/'+
									(name)
									()
								}
							})
							()
						}, function ( e ) {
							alert( "Read entries failed: " +  );
						} );
					} );
			}