微信小程序-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/ig
    let 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/sinat_33184880/article/details/99725775

❤如果文章對您有所幫助,就在文章的右上角或者文章的末尾點個贊吧!(づ ̄ 3 ̄)づ

❤如果喜歡大白兔分享的文章,就給大白兔點個關注吧!(๑′ᴗ‵๑)づ╭❤~

❤對文章有任何問題歡迎小夥伴們下方留言或者入羣探討【羣號:708072830】

❤鑑於個人經驗有限,所有觀點及技術研點,如有異議,請直接回復討論(請勿發表攻擊言論)。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章