高端响应式模板免费下载

响应式网页设计、开放源代码、永久使用、不限域名、不限使用次数

什么是响应式网页设计?

2024年微信小程序图片(3篇)

微信小程序图片 第1篇

关于图片的检测,使用云函数,接口方法是:

首先,配置代码权限,在已开启云服务的小程序项目中,会存在一个 cloudfunctions 云目录,可以右键单击,创建云函数:

如上图所示,文件自动创建,这里需要注意的是,在 文件中,我们得配置 接口权限,否则无法调用。这里的云函数本质上是一个 Node 服务,所以开发环境电脑中必须先安装 ,云函数默认依赖一个微信提供的包:wx-server-sdk,用于创建云对象。

我们可以在 文件中编写所需的图片检测代码,调用 接口,基本实现如下:

以上代码,初始化 cloud 云对象,在入口函数中,通过参数接收图片信息,

设置好以后,就创建好了云函数checkImageSec, 小程序前端就能调用它对图片进行检测了。

在调用云函数之前,我们先实现小程序的图片上传功能。

小程序中图片上传比较简单,直接使用文档提供的接口 chooseMedia,用于选择媒体文件(图片或视频):

以上代码,从手机相册选择图片上传,将获取到图片的临时目录地址 tempFilePath。当前图片来自于相册原始图片,如果尺寸较大或者格式不对(如webp格式图片等),就并不符合我们的需求,因为图片安全检测接口 imgSecCheck 对图片尺寸和格式有要求:

要检测的图片文件,格式支持PNG、JPEG、JPG、GIF,图片尺寸不超过 750px x 1334px

所以,我们还需要对接收到的大尺寸图片进行尽量小的压缩。

通过前端,在小程序中进行图片压缩,能使用的当然就是canvas了,我们先通过 getImageInfo 接口获取图片的宽高信息:

以上代码,获取到图片的信息 imgInfo,将包含图片本地路径、宽度、高度以及各式信息等,而我们缩小图片必须使用到宽高数据。缩小图片,我们创建一个canvas元素(id为checkCanvas),获取对应的上下文对象,并设置图片宽高最大不能超过120,代码如下:

图片缩小到120以内后,通过小程序的canvas转换接口 生成了新的临时图片文件,我们接下来就可以对它进行安全检测了。

上面在编写云函数的 代码时,提到了图片参数需要使用 Buffer 数据,前端图片数据应为 ArrayBuffer 格式的数据。图片临时文件,可以通过微信小程序提供的文件读取接口,获取对应的 ArrayBuffer 格式数据:

readFileSync 接口会默认以 ArrayBuffer 格式读取文件的二进制内容,这样我们就得到了图片文件的可用格式数据。

接着,我们就可以调用云函数,进行检测处理了,调用方式也比较简单:

至此,我们调用云函数,进行图片内容安全检测的基本代码都完成了,通过这种方法,能够初步检测图片是否合规,对于违规图片禁止上传并显示出来。

文本检测调用云开放接口:,整个调用的流程和图片检测基本一致,只不过因为数据内容的不同,在数据处理和参数传递上有一些区别。在云函数部分(Nodejs代码),需要传入 openid,通过获取微信上下文对象(()),可以得到openid,我们创建名为 checkTextSec 的云函数,核心代码如下:

这里参数直接使用文本内容,即字符串,我们在小程序前端部分调用云函数 checkTextSec,传入文本框的输入内容,对文本审核检测。

以上代码就是调用云函数处理文本内容的安全检测,与图片检测基本类似。

虽然,我们已经使用了微信小程序提供的开放服务,进行了图片和文本的内容安全检测,但是并不能完全解决问题,微信小程序开发者文档里已有提醒:

这里建议开发者最好进行人工审核,以弥补AI智能审核的不足。而要想进行人工审核,必然需要上传用户的图片和输入文本,通过后台审核干预的情形进行处理。这个成本可以说是很大的,很多小程序做不到。所以,当我们的小程序因为内容安全被封禁以后,在找微信客服人员进行申诉时,如果微信客服人员死扣人工审核的话,对于个人开发者来说这个小程序基本上就算玩完了,可以直接弃用。

因为申诉失败的概率实在太大了!

微信小程序图片 第2篇

当我们接收到的图片中含有表格,我们可以直接跳转至腾讯文档,并且图片的内容自动生成表格。具体为:

腾讯文档生成的表格如下图所示:

微信小程序图片 第3篇

在微信小程序平台运营规范-行为规范-内容安全部分,提到了以下内容:

小程序涉及未设置过滤违法、违规等不当信息内容的机制。必须调用内容安全检测接口校验文本/图片是否含有敏感内容,提升信息安全防护能力,降低被恶意利用导致传播恶意内容的风险。

针对内容安全,目前主要是文本输入和图片上传,需要进行内容安全的检测。

主要针对输入文本或上传的图片中存在的色情、时政违规、暴恐等有害内容,需要进行内容审核,过滤敏感信息,确保输入内容是安全的。

而在实际开发中,我们可以使用微信小程序提供的开放接口,对这两块内容进行基本的安全检测:

如上图所示,就是微信小程序提供的文本检测接口和音频图片检测接口,基于智能AI程序进行判断。其中图片检测还可以使用另外一个接口:imgSecCheck 专门用于检测一张图片是否违法违规。以上接口都有多种调用方式,包括https服务、云调用以及第三方调用,本文将重点介绍云调用的方式,在此之前,我们需要先了解小程序云函数。

猜你喜欢