---
title: 让ueditor上传图片的alt属性值等于文章标题
description: thinkphp5开发的博客网站，后台使用的是ueditor作为主体内容编辑工具。当上传图片的时候ueditor自动使用文件上传的时间戳创建文件标题，并且统一赋
author: chaihongjun
category: frontend
published: 2024-09-09
url: https://chaihongjun.me/frontend/25.html
---

# 让ueditor上传图片的alt属性值等于文章标题

thinkphp5开发的博客网站，后台使用的是ueditor作为主体内容编辑工具。当上传图片的时候ueditor自动使用文件上传的时间戳创建文件标题，并且统一赋值给图片的title和alt属性。从SEO角度考虑出发,优化图片只保留alt属性并以文章名命名，title属性移除。

![让ueditor上传图片的alt属性值等于文章标题](https://chaihongjun.me/public/uploads/images/20240909/1725854233755526.png)

步骤如下：

-
找到ueditor.min.js文件，使用编辑器打开并格式化

-
寻找代码c.options.imageUrlPrefix，找到如下函数：

MDBLOCK0
修改成如下：

MDBLOCK1
具体操作是，title赋值为空，添加对当前编辑页面的文章标题控件值的获取并且赋值给alt属性，移除title属性：
MDBLOCK2
变成：

MDBLOCK3
以上修改的方式的前提条件是页面以及写好了文章标题不然图片的alt属性值为空，另外如果是上传多张图片，那么每张图片的alt都是相同的，因此建议只上传一张图片。

---

> 本文首发于 [chaihongjun.me | 柴宏俊 web 技术学习笔记](https://chaihongjun.me/frontend/25.html)，采用 CC BY-NC-ND 4.0 协议，转载请保留出处与链接。