小程序-input框如何输入带有emoji表情功能

 //将emoji表情进行转义再发送至后台
var nikeName= '小罗老师%F0%9F%98%82'let regex = /[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF][\u200D|\uFE0F]|[\uD83C|\uD83D|\uD83E][\uDC00-\uDFFF]|[0-9|*|#]\uFE0F\u20E3|[0-9|#]\u20E3|[\u203C-\u3299]\uFE0F\u200D|[\u203C-\u3299]\uFE0F|[\u2122-\u2B55]|\u303D|[\A9|\AE]\u3030|\uA9|\uAE|\u3030/iglet nickNameNew = nickName.replace(regex, function (res) {return encodeURIComponent(res)})//后台返回'小罗老师%F0%9F%98%82'时，使用decodeURIComponent()进行解析
let data = '小罗老师%F0%9F%98%82'
console.log(decodeURIComponent(data ))

通过encodeURIComponent() 函数把字符串作为 URI 组件进行编码；

参数通过转义传入后端，下图二展示存储入库，最后通过使用 decodeURIComponent() 对编码后的 URI 进行解码解析即可；

本文转载自：https://blog.csdn.net/weixin_43970743/article/details/105274565

小程序-input框如何输入带有emoji表情功能相关推荐

uniapp开发微信小程序input框限制输入
input框输入手机号的约束 <input @input="onlyNum" class="inp" v-model="phone" ...
【微信小程序】微信小程序开发--用户昵称中带有emoji表情的处理方法
刚开始写小程序,获取客户昵称,后来发现用户昵称是可以为emoji表情的,而Mysql数据库中是不支持直接将emoji表情直接存入数据库的,后来在网站上找了一个方法将所有的昵称转变为Unicode编码存 ...
微信小程序input框只能输入小数/正整数
官方组件说明:https://developers.weixin.qq.com/miniprogram/dev/component/input.html 给type不同的值就好,以下示例不满足则需要I ...
微信小程序input框中加入小图标的实现方法
最近入坑小程序,要求在小程序的输入框中展示一个小图标,页面如下: 然后按照,html页面中的做法,在input框中添加了background-image属性,出乎意料的事,小程序报了下边这样一个错误: ...
微信小程序 input框进行双向绑定
在微信小程序的规则中,input标签中的数据为单向绑定,无法像Vue框架中的v-model直接进行input的双向绑定. 下面有一种思路来解决双向绑定这个思路. 1.利用bindinput记录下inp ...
小程序input框中加入小图标
最近入坑小程序,要求在小程序的输入框中展示一个小图标,页面如下: 然后按照,html页面中的做法,在input框中添加了background-image属性,出乎意料的事,小程序报了下边这样一个错误: ...
微信小程序 input框实现搜索历史记录
实现效果如下聚焦显示历史记录关联历史记录注意点结构上需要将input框和下面的historyList作为一个整体,可自行控制展示历史记录的规格: 使用微信缓存API wx.getStorage ...
微信小程序input框在某些手机上获取数据失败
因为加了有数据为空不允许提交的判断,测试的时候发现有的手机总是提示有数据为空,不能提交, 测试之后发现是填写手机号的input框type类型为number,然后写了三个框分别获取数据, type类型分 ...
微信小程序--input标签无法输入文字问题
在使用开发者工具运行时,input标签无法输入内容,但是通过电脑浏览器可以输入内容,通过各种查找,终于找到可以使用键盘[tab]键控制

小程序-input框如何输入带有emoji表情功能

小程序-input框如何输入带有emoji表情功能相关推荐

最新文章

热门文章