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

相关推荐
云水一下1 小时前
从零开始学 PHP 系列(一):PHP 的前世今生与开发环境搭建
开发语言·php
xingpanvip2 小时前
星盘接口开发文档:本命盘接口指南
android·开发语言·css·php·lua
酉鬼女又兒5 小时前
零基础入门计算机网络运输层:端到端通信核心作用、端口号分类规则、复用分用工作机制及UDP与TCP协议全方位对比详解
网络·网络协议·tcp/ip·计算机网络·考研·udp·php
dog2505 小时前
不要再继续优化 TCP
网络协议·tcp/ip·php
Channing Lewis5 小时前
PHP 解析 Excel 的那些坑:一次“行号错位”引发的数据丢失
开发语言·php·excel
Cheng小攸6 小时前
渗透行为分析与检测
开发语言·php
云水一下7 小时前
从零开始学 PHP 系列(六):MySQL 数据库与 PHP 交互——让数据真正“住”进服务器
数据库·mysql·php
qq_452396238 小时前
第十四篇:《K8s 网络模型与 CNI 插件(Calico、Flannel、Cilium)》
网络·kubernetes·php
云水一下8 小时前
从零开始学 PHP 系列(五):Web 表单处理与文件上传——让网站“活”起来
开发语言·php
JSON_L8 小时前
PHP实现大文件分片上传
开发语言·php