VPS不显示图片怎么回事？_全面排查与解决方案汇总

2025-11-07 17:34:37

阅读 5

## 为什么我的VPS上的图片无法正常显示？

问题类型	相关搜索量	解决难度	常见平台
权限问题	高	低	WordPress、Discuz
CDN配置	中	中	各类网站程序

## | 协议混合 | 中 | 中 | HTTPS网站 |
| 路径错误 | 中 | 低 | 数据库相关 |
| 安全限制 | 低 | 高 | 服务器设置 |

# VPS不显示图片的全面排查指南
当您发现VPS上的图片无法正常显示时，这通常是由多种因素导致的。下面通过系统化的排查步骤，帮助您快速定位并解决问题。

## 主要排查步骤

## | 步骤 | 检查内容 | 预计耗时 |
|------|---------|----------|
| 1 | 文件夹权限检查 | 5分钟 |
| 2 | 数据库路径验证 | 3分钟 |
| 3 | Web服务器配置 | 10分钟 |

## | 4 | HTTPS协议兼容性 | 5分钟 |
| 5 | 安全插件与设置 | 8分钟 |

## 详细操作流程

### 步骤1：检查文件夹权限
**操作说明**：
验证网站上传目录的读写权限是否正确设置。通常需要确保`wp-content/uploads`目录及其子目录具有适当的写入权限。
**使用工具提示**：

## - 使用FTP客户端（如FileZilla）
- 服务器管理面板（如宝塔面板）
- SSH命令行工具
```bash

# 通过SSH连接到VPS后执行

## cd /var/www/html/your-website
ls -la wp-content/uploads/

# 正确权限显示：drwxr-xr-x

# 设置正确权限
chmod -R 755 wp-content/uploads/
chmod -R 644 wp-content/uploads/*.jpg
```

## ### 步骤2：验证数据库路径
**操作说明**：
检查数据库中存储的上传路径是否正确指向实际的图片存储位置。
**使用工具提示**：
- phpMyAdmin
- 数据库管理工具

## - WordPress后台设置
```sql
-- 在phpMyAdmin中执行
SELECT * FROM wp_options WHERE option_name = 'upload_path';
-- 正确结果应显示：wp-content/uploads

## -- 如果路径错误，执行更新
UPDATE wp_options
SET option_value = 'wp-content/uploads'
WHERE option_name = 'upload_path';
```

## ### 步骤3：检查Web服务器配置
**操作说明**：
验证Nginx或Apache的配置文件，确保伪静态规则正确且没有阻止图片访问的规则。
**使用工具提示**：
- 宝塔面板文件管理器

## - SSH文本编辑器（nano/vim）
- Web服务器日志文件
```nginx

# Nginx配置文件示例
location ~* \.(jpg|jpeg|png|gif|ico|css|js)$ {

## expires 365d;
add_header Cache-Control "public, immutable";
}
```

### 步骤4：HTTPS协议兼容性检查
**操作说明**：
当网站启用HTTPS后，需要确保所有图片资源也通过HTTPS协议加载，避免混合内容错误。
**使用工具提示**：

## - 浏览器开发者工具（F12）
- WordPress函数文件编辑
- CDN配置面板
```php
// 在WordPress主题的functions.php文件中添加
function https_image_replacer($content) {

## if(is_ssl()) {
$host_name = $_SERVER['HTTP_HOST'];
$http_host_name = 'http://'.$host_name.'/wp-content/uploads';
$https_host_name = 'https://'.$host_name.'/wp-content/uploads';
$content = str_replace($http_host_name, $https_host_name, $content);
}

## return $content;
}
add_filter('the_content', 'https_image_replacer');
```

### 步骤5：安全插件与服务器设置
**操作说明**：
暂时禁用安全插件和防火墙规则，检查是否是安全设置过于严格导致图片无法显示。
**使用工具提示**：

## - WordPress插件管理
- 服务器安全配置面板
- 防火墙设置界面
```bash

# 检查服务器安全设置

## # 查看是否有阻止图片访问的规则
iptables -L

# 检查PHP配置中的open_basedir限制
php -i | grep open_basedir
```

## ## 常见问题与解决方案

问题	原因	解决方案
图片显示403错误	文件夹权限不足或安全规则限制	将uploads文件夹权限设置为755，检查服务器安全规则是否过于严格
HTTPS网站图片不显示	图片链接仍为HTTP协议	在WordPress中添加协议替换函数，确保图片使用HTTPS加载
CDN启用后图片缺失	CDN配置错误或缓存未更新	检查CDN域名配置，刷新CDN缓存，确保源站图片可正常访问
搬家后图片无法显示	数据库路径未更新或文件丢失	更新数据库中的网站URL和文件路径，重新上传缺失的图片文件
特定格式图片不显示	Web服务器未配置支持该格式	在Nginx/Apache配置中添加对webp等新格式的支持
图片上传成功但无法显示	磁盘空间不足或PHP配置限制	检查服务器磁盘空间，调整PHP的upload_max_filesize和post_max_size参数