【7.0.104.0】获取摄像头拍照的图片

renho

【场景】在页面上点击拍照，会点用第三方摄像头进行拍照，并将图片保存到活字格。

【已实现】现在已经能实现调用第三方摄像头（天地伟业）进行拍照，但是图片会保存在本地电脑，如：C:\Users\xxx\xxx\photo.jpg。

【问题】如何在点击拍照后生成的图片自动填充到活字格的“图片上传”插件，这样就不需要每次拍照后还要通过点击“图片上传”插件进行本地图片选择。

renho · renho

3w-gd 发表于 2022-4-21 09:50
问题就在这，拍照的程序是摄像头厂家封装好的，它的拍照方法直接将图片保存在本地电脑了，并没有返回图片 ...

那可以写个server api ，读取图片后返回base64 ，这样实现起来容易

Lay.Li · Lay.Li

您好，目前的话活字格在前端是无法直接操作本地的文件的。不过您可以考虑使用js命令去获取保存到本地的图片，可以转化为base64格式，然后将值赋值到图片上传单元格中。不过关于代码我也不太了解，给您在网上找了一些资料，您可以参考参考。

JS 操作文件方法

第四十六章 JavaScript编程

Howie.Sun · Howie.Sun

本帖最后由 Howie.Sun 于 2022-4-19 17:36 编辑

您好，楼上大佬说的很对哦，如果可以将图片转换为base64编码，然后存到活字格数据表中是最简单的一种做法了呢。

或者咱们也可以利用云存储，比如阿里云、腾讯云的对象存储，如果可以将（天地伟业）拍照后的图片上传至云存储中然后给咱们返回一个图片的网络地址，那么我们把这个网络地址保存到活字格的数据表中也是可以预览这个图片的。

3w-gd · 3w-gd

Lay.Li 发表于 2022-4-19 17:30
您好，目前的话活字格在前端是无法直接操作本地的文件的。不过您可以考虑使用js命令去获取保存到本地的图片 ...

在浏览器环境下，js不能操作本地文件的，也就无法通过js拿到本地的图片。感觉没有办法解决。

3w-gd · 3w-gd

Howie.Sun 发表于 2022-4-19 17:33
您好，楼上大佬说的很对哦，如果可以将图片转换为base64编码，然后存到活字格数据表中是最简单的一种做法了 ...

云存储是一种方式，但是不打算用这个方式。

Howie.Sun · Howie.Sun

本帖最后由 Howie.Sun 于 2022-4-20 14:46 编辑

3w-gd 发表于 2022-4-20 11:10
云存储是一种方式，但是不打算用这个方式。

不用云存储的话，其实还有一种办法您可以尝试一下，就是活字格可以识别的附件是在这个目录\应用名下。
然后，咱们存储附件的特征为：GUID_图片名称

那我们可以试试把图片名称做成GUID_图片名称的格式，然后利用文件移动命令把（天地伟业）生成的图片移动到终端用户上传文件的根目录\应用名下。
也就是说活字格可以识别的附件必须在存储路径下有这个附件，同时附件的名称必须是GUID_为前缀的。

3w-gd · 3w-gd

Howie.Sun 发表于 2022-4-20 14:45
不用云存储的话，其实还有一种办法您可以尝试一下，就是活字格可以识别的附件是在这个目录\应用名下。
...

摄像头自带的程序生成的图片直接保存到用户本地电脑的，这个过程并没有返回图片数据的接口，因此无法拿到图片的数据。而浏览器无法操作本地的文件【非点击图片上传组件，手动选择图片方式】。

renho · renho

简单
调用拍照的同时就把图片保存为base64
然后直接调用就行了

Howie.Sun · Howie.Sun

renho 发表于 2022-4-20 18:46
简单
调用拍照的同时就把图片保存为base64
然后直接调用就行了

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

[已处理] 【7.0.104.0】获取摄像头拍照的图片

最佳答案

22 个回复

本帖子中包含更多资源

活字格高级认证

活字格认证

微信认证勋章

悬赏达人

讲师达人