🌦️周口阵雨 · 2026年10月19日9~14℃北京 18/7℃上海 25/21℃广州 34/25℃深圳 33/23℃杭州 26/20℃成都 23/15℃全国天气 »登录
2026年10月19日
内容持续收录 · 检索服务
提示:本站为导航搜索站
热门行业: 餐饮食品法律法务生活服务门户资讯

Zblog博客利用UE编辑器实现独立图片上传组件(来源可风)

李洋博客 2021-04-28 10:38 7 次阅读

之前总有人反馈说主题设置的图片上传功能无法使用,不想就知道肯定是把UE编辑器关闭了,当初使用UE自带编辑器弄的图片上传功能是挺好用,但是后期开发者大佬们又上架了许多其他编辑器 插件 ,并不弱于UE编辑器,所以一部分人可能关闭了UE启用了其他编辑器,这就导致主题图片上传功能会失效,前些天利用可风大佬的代码,实现了独立上传图片的功能,今天逛博客发现可风又一款图片上传代码,利用UE编辑器的接口,来实现免后端开发的的图片上传功能,只需要调用一个js就可以完成。

大佬就是大佬哈,不废话,搬砖开始:

编辑主题include.php文件,在应用配置页面,引入上面的js,在需要上传图片的地方,使用下面的代码:

其中主要就是三个元素,文本框(ue-image-url)、上传按钮(ue-image-upload)、图片(ue-image),这三个得是同级元素,否则需要修改js代码。

点击上传按钮后会自动弹出UE编辑器的上传图片窗口,上传完成自动将图片的url填充到文本框中和应用到图片标签中。

手动输入图片的url,离开文本框焦点,自动显示图片,但是有一点需要注意,UE编辑器这个插件可以不启用,但是不能删除插件。

快速实现图片上传功能,不再依赖UE编辑器

修改网页自定义字体的CSS代码+图文教程

↑