如何在 EC-CUBE 4 中为产品图像启用 WebP 格式图像

当我尝试在 EC-CUBE4 中注册 WebP 产品图像时,出现错误"无效文件:支持的文件类型为 image/gif、image/png 或 image/jpeg"。

我将向你展示如何避免错误并注册 WebP 图像作为产品图像。

如何在 EC-CUBE 4 中为产品图像启用 WebP 格式图像

*本次测试环境为 EC-CUBE 4.3.1。同样的方法也适用于 EC-CUBE 4。

步骤 1. 修改 ProductController.php

首先,编辑"/src/Eccube/Controller/Admin/Product/ProductController.php"。

在第 327 行附近,你会发现以下内容:

复制代码
$allowExtensions = ['gif', 'jpg', 'jpeg', 'png'];

在此处添加"webp"。

复制代码
$allowExtensions = ['gif', 'jpg', 'jpeg', 'png', 'webp'];

步骤 2. 修改 product.twig

接下来,下载并编辑"/src/Eccube/Resource/template/admin/Product/product.twig"。

将其上传至"/app/template/admin/Product/product.twig"。如果 Product 文件夹不存在,请创建它。

也可以将其上传到"/src/Eccube/Resource/template/admin/Product/product.twig"并覆盖它,

但如果你将其上传到"/app/template/admin/Product/product.twig",则此文件将优先。

product.twig 文件第 74 行附近有一段类似这样的代码:

复制代码
acceptedFileTypes: [
  'image/gif',
  'image/png',
  'image/jpeg'
],

在此处添加"image/webp"。

复制代码
acceptedFileTypes: [
  'image/gif',
  'image/png',
  'image/jpeg',
  'image/webp'
],

现在可以将 WebP 格式的图像注册为产品图像了。

相关推荐
aixingpan12 小时前
aixingpan.cn API开发文档:前端查询夏令时和时区接口指南
前端·php
4SAPI18 小时前
多国产模型混合调度与企业级治理生产选型指南:4SAPI、硅基流动与 OpenRouter 的架构权衡
大数据·人工智能·架构·php
tommyjiatong21 小时前
资安底座连环雷:从 PHP2Shell 到 Node2Shell
node.js·php
青峰讲运维1 天前
OpenStack Heat 编排:用模板一键交付云业务,告别手动点页面
开发语言·php·openstack
协作者1 天前
PHP根本影响不到Domino
php·oidc·domino·notes·inotes·verse
神仙别闹1 天前
基于Python+MySQL实现(Web)个人博客系统
python·mysql·php
dingzd951 天前
TikTok账号登录态失效的Cookie字段排查路径
开发语言·php·跨境电商·营销策略
vipxieliang1 天前
Laravel 框架内核:请求生命周期、IoC 容器与中间件管道(附 ThinkPHP 选型对比)
php
忆~遂愿1 天前
极空间部署XiaoMusic:把NAS里的本地音乐接入小爱音箱,搜索、播放和远程控制一起完成
php
ESDWAN1 天前
SD-WAN 是什么?工作原理、适用场景与选型要点
开发语言·网络·数据库·架构·php