《從MYSQL數據庫取出微信emoji表情在web html上顯示》要點:
本文介紹了從MYSQL數據庫取出微信emoji表情在web html上顯示,希望對您有用。如果有疑問,可以聯系我們。
相關主題:PHP開發
iOS或Android客戶的輸入法支持emoji表情輸入,系統管理后臺需要顯示用戶實際輸入的效果,因此處理emoji表情符
前提:MySQL需要設置支持emoji編碼為utf8mb4,具體如下:
(a) 配置my.cnf:
[mysql]
default-character-set = utf8mb4
[mysqld]
character-set-client-handshake = FALSE
character-set-server = utf8mb4
collation-server = utf8mb4_unicode_ci
init_connect='SET NAMES utf8mb4'
(b) 重啟mysql
(c) 根據自己數據表對應的字段,進行設置編碼
ALTER TABLE t_user_basic MODIFY COLUMN title VARCHAR(50) CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci DEFAULT NULL COMMENT '內容';
(e) 查看 SHOW VARIABLES LIKE 'character%';
1.下載emoji的js相關內容和圖片,里面包括demo使用,同時注意圖片的路徑,以免錯誤。
下載地址:https://download.csdn.net/download/sylearning/10288884
2.從數據庫查出數據后,需要把它轉換成unicode編碼,如:\ud83d\ude05
3.js獲取到unicode字符之后,會對它進行正則過濾,轉換成圖片名稱對應的字符,然后組裝圖片路徑,這樣就可以顯示了
還有一種處理方式,當您接收到的微信內容時,emoji表情內容是這樣的:
@37891170f9dacfaa17f908c4bcf1fc8acd44478aeaa2cabb75d96362a25c5d0f:<br/> <span class="emoji emoji1f510"></span><span class="emoji emoji1f435"></span>
把其中的
<span class="emoji emoji1f510"></span>
emoji表情保存到數據庫中,取出后就可以直接顯示在網頁上,然后引入CSS文件,可以直接顯示。
此CSS文件下載地址:
https://download.csdn.net/download/sylearning/10288910
最后,需要emoji表情圖,可以在這里下載:
https://download.csdn.net/download/sylearning/10288924