vue 引入第三方文件(高拍仪),传值及接口调用。

本文介绍了在Vue项目中如何引入并使用第三方文件,特别是高拍仪的相关操作。首先,将文件放入public目录下,然后通过iframe标签在组件中引入。为实现高拍仪向Vue组件传值,利用parent.getFromIframe方法,并将Vue实例方法绑定到window对象上。在接收到拍照结果后,以base64格式获取图片并上传至服务器。整个流程涉及Vue组件交互、跨域通信及文件上传等技术。
部署运行你感兴趣的模型镜像

vue引入第三方文件通常是放到根目录的public静态目录下:

例如jQuery文件:

 接下来进入到正题也就是我们的高拍仪文件(一样放到public静态目录下):

 引入之后我一般是同过ifram标签引入到vue组件中的

 ifram标签的src路径(根据静态目录public下vue的 index.js文件的相对路径进行引入)

第三方(高拍仪)向vue组件传值:

 1.第三方(高拍仪)通过parent.getFromIframe("传入的信息")向vue组件中传值

2.把vue实例中的方法引用给window对象 

 

3.通过调用实例方法接收传值

 获取拍照结果并上传到服务器

1.向vue页面传取拍照图片(base64格式)

 

2.获取拍照图片并解码上传到服务器

 

 有用的话请点赞,关注加收藏哦(。・ω・。)ノ♡

您可能感兴趣的与本文相关的镜像

Langchain-Chatchat

Langchain-Chatchat

AI应用
Langchain

Langchain-Chatchat 是一个基于 ChatGLM 等大语言模型和 Langchain 应用框架实现的开源项目,旨在构建一个可以离线部署的本地知识库问答系统。它通过检索增强生成 (RAG) 的方法,让用户能够以自然语言与本地文件、数据库或搜索引擎进行交互,并支持多种大模型和向量数据库的集成,以及提供 WebUI 和 API 服务

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值