如何在 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 格式的图像注册为产品图像了。

相关推荐
XR1234567881 小时前
食品饮料与制药行业GMP合规网络建设:无尘车间的网络不能成为污染源
开发语言·网络·php
发光小北5 小时前
Bronze100系列plc Modbus及自由口通信案例
开发语言·php
脏脏a5 小时前
飞牛NAS部署EasyNVR实操:摄像头RTSP接入、本地录像与公网回看
开发语言·php
脚后跟法6 小时前
.NET热门ORM真实的性能测试总结
jvm·php·.net
Helen_cai7 小时前
OpenHarmony 完整项目工程整合规范 + 模块化分层架构(API23+ 标准企业级结构)
开发语言·华为·php·harmonyos
ylscode1 天前
PHP再曝高危安全漏洞:TLS连接缺陷可致FPM全面崩溃,OpenSSL内存损坏隐患同步浮现
开发语言·php
郑州光合科技余经理1 天前
海外外卖平台源码改造实战——多语言核心代码实现
java·开发语言·前端·后端·mysql·架构·php
娇气的红酒1 天前
微软对PHP支持的改进,及其它一些胡言乱语
开发语言·microsoft·php
2601_963771371 天前
Scaling Podcast RSS Feeds and Audio Streaming on WordPress Servers
前端·windows·php
wbs_scy1 天前
仿 muduo 高并发服务器项目:实现轻量级日志宏,方便后续网络库调试
开发语言·php