更新记录

1.0.0（2026-06-24） 下载此版本

首次发布

平台兼容性

uni-app(3.7.12)

uni-app 图片 URL 格式化工具

对 uni-app 项目中图片相对路径自动拼接 CDN 域名，富文本图片批量处理 + HTML 实体解码

功能

• formatImage(url) — 图片 URL 自动补全 CDN 地址
• formatRichText(html) — 富文本图片处理 + HTML 实体解码

安装

1. 下载 image.js 放到项目 utils/ 目录
2. 在 App.vue 或 main.js 中设置 CDN 域名

使用

设置 CDN 域名

// main.js 或 App.vue
import { setImageOrigin } from '@/utils/image'
setImageOrigin('https://cdn.example.com')

格式化图片 URL

import { formatImage } from '@/utils/image'

formatImage('https://cdn.example.com/logo.png')
// → 'https://cdn.example.com/logo.png'（完整地址原样返回）

formatImage('/uploads/photo.jpg')
// → 'https://cdn.example.com/uploads/photo.jpg'（自动拼接 CDN）

formatImage('//cdn.other.com/img.png')
// → 'https://cdn.other.com/img.png'（协议相对地址转为 https）

formatImage('')
// → ''（空值返回空）

处理富文本

import { formatRichText } from '@/utils/image'

const html = '<img src="/uploads/1.jpg" /><p>&amp;nbsp;内容</p>'
formatRichText(html)
// → '<img src="https://cdn.example.com/uploads/1.jpg" style="max-width:100%" ... /><p>&nbsp;内容</p>'

适用平台

uni-app（Vue 2 / Vue 3），支持 H5、小程序、App。