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.获取拍照图片并解码上传到服务器

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

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

被折叠的 条评论
为什么被折叠?



