uniapp每隔几秒执行一下网络请求（h5端和小程序都可）

hamburgerJ

已于 2022-07-07 11:35:03 修改

阅读量1.5k

点赞数

分类专栏： uniapp 文章标签：前端

于 2022-07-07 11:34:57 首次发布

本文链接：https://blog.csdn.net/hamburgerJ/article/details/125655819

版权

uniapp 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<template>
	<view>
		<camera device-position="back" flash="off" @error="error" style="width: 100%; height: 300px;"></camera>
		<button type="primary" @click="takePhoto">拍照</button>
		<view>预览</view>
		<image mode="widthFix" :src="src"></image>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				src: "",
			}
		},
		methods: {
			show(ctx) {
				console.log(2)
				ctx.takePhoto({
					quality: 'high',
					success: (res) => {
						this.src = res.tempImagePath
					}
				});
			},
			takePhoto() {
				const ctx = uni.createCameraContext();
				const that = this;
				setInterval(function() {
					that.show(ctx)
				}, 1000);


				// 	const listener = ctx.onCameraFrame((frame) => {
				// 		console.log(frame.data instanceof ArrayBuffer, frame.width, frame.height, frame.data)

				// 	listener.start()
				// 	setTimeout(() => {
				// 		listener.stop()
				// 	}, 1000)
				// },
			}
		}
	}
</script>

<style scoped lang="css">

</style>

这里演示的是，每隔1秒截取摄像头内容，放到image标签里显示。

（后面可以改成每隔一秒上传到后端进行识别，假装实时识别）