html5调用app服务端,webapp调用摄像头（H5+）,并发送给服务端

//调用摄像头

let cmr = window.plus.camera.getCamera();

//获取图片格式(后面的参数要用到，虽然文档说是必填，但是实际不加也能成功)

let fmt=cmr.supportedImageFormats

//拍照事件

cmr.captureImage((filePath)=>{

//filePath返回的参是路径

window.plus.io.resolveLocalFileSystemURL( filePath, (fs)=>{//这个事件可以根据路径找到文件目录

fs.file( (file)=>{//这里返回的是文件本身

//下面是做的文件格式的转换，base64格式转成blob发送给服务端

let fileReader = new window.plus.io.FileReader();

fileReader.readAsDataURL(file, 'base64');

fileReader.onloadend = (evt)=>{

let binary = atob(evt.target.result.split(',')[1]);

let array = [];

for(let i = 0; i < binary.length; i++) {

array.push(binary.charCodeAt(i));

}

let dataImg = new Blob([new Uint8Array(array)], {type:'image/jpeg'});

//获取到文件，做相应的操作

}

} );

}, ()=>{

//console.log(error)

} );

},()=>{

//console.log(error)

},{

format:fmt,

});

问题：项目存在的问题就是文件转换那里，fs.file( (file) 里面的file得到的是文件本身，打印出来和在控制台和正常的文件是一样，但是前缀不同，一个是s{}，正常的是file{},里面的对象都一致，但是上传之后，在formData里面识别的不同，file格式识别是blob流，但是s{}识别成[object,object]，虽然上面的方法可以实现上传到服务端，但是最终得到的是blob格式的文件，需要更改后缀名，才能得到原始文件，记录一下问题。

html5调用app服务端,webapp调用摄像头（H5+）,并发送给服务端相关推荐

MediaDevices html5,HTML5如何通过navigator.mediaDevices.getUserMedia调用手机摄像头
HTML5如何通过navigator.mediaDevices.getUserMedia调用手机摄像头发布时间:2021-05-23 15:03:11 来源:亿速云阅读:76 作者:小新这篇文章 ...
手机移动端-纯js浏览器h5调用摄像头扫描识别解析条形码+二维码
一.场景手机移动端-原生js 浏览器h5 解决识别二维码条形码功能: 不借助Hbuilder.需要自己打包成APP,比如用Hbuilder打包,浏览器端项目h5 无打包成app部署 X 不采用 ...
H5调用APP的方法
使用场景原生APP内嵌入HTML5页面,在HTML5页面调用原生APP的方法(如登录.分享等). 关键代码 if(window.webkit && window.webkit.mes ...
分布式服务追踪与调用链系统
如何构建新一代SkyWalking服务追踪框架 1.生产环境调用接口报错了,如何定位? 2.微服务服务追踪框架构设计原理 3.Sleuth+zipkin实现分布式服务追踪 4.SkyWalking超强 ...
java B2B2C springmvc mybatis多租户电子商城系统(三)：服务提供与调用
上一篇文章我们介绍了eureka服务注册中心的搭建,这篇文章介绍一下如何使用eureka服务注册中心,搭建一个简单的服务端注册服务,客户端去调用服务使用的案例. 案例中有三个角色:服务注册中心.服务提 ...
提交响应后无法调用sendredirect_微服务的那些事（三），微服务的远程调用方式。RPC和HTTP...
2.远程调用方式无论是微服务还是SOA,都面临着服务间的远程调用.那么服务间的远程调用方式有哪些呢? 常见的远程调用方式有以下几种: RPC:Remote Produce Call远程过程调用,类似 ...
springcloud(三)：服务提供与调用
上一篇文章我们介绍了eureka服务注册中心的搭建,这篇文章介绍一下如何使用eureka服务注册中心,搭建一个简单的服务端注册服务,客户端去调用服务使用的案例. 案例中有三个角色:服务注册中心.服务提 ...
架构师之路 — 分布式系统 — gRPC 的 4 种服务定义及调用方式
目录文章目录目录 gRPC 的服务定义 gRPC 的 4 种服务定义方式单项 RPC 调用服务端流式 RPC 调用客户端流式 RPC 调用双向流式 RPC 调用 gRPC 的服务定义与其 ...
Spring Cloud【Finchley】实战-03订单微服务与商品微服务之间的调用
文章目录 Spring Cloud[Finchley]专栏概述 HTTP方式之RestTemplate 方式一 (直接使用restTemplate访问URL,url写死) 方式二 (使用LoadBa ...

html5调用app服务端,webapp调用摄像头（H5+）,并发送给服务端

html5调用app服务端,webapp调用摄像头（H5+）,并发送给服务端相关推荐

最新文章

热门文章