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

相关推荐
IpdataCloud9 小时前
远程办公网络安全中,IP查询工具如何保障数据安全?适用场景与落地指南
tcp/ip·web安全·php
xingpanvip10 小时前
星盘接口开发文档:天象盘接口指南
android·开发语言·python·php·lua
liulian091610 小时前
【Flutter for OpenHarmony第三方库】Flutter for OpenHarmony 离线模式实现:让你的应用无网也能萌萌哒~
开发语言·flutter·华为·php·学习方法·harmonyos
a8a30211 小时前
Laravel 8.x核心特性全面解析
php·laravel
深邃-11 小时前
【Web安全】-Kali,Linux配置(2):Java环境配置,Python环境配置,Conda使用,PIP配置使用,SSH远程登录
java·linux·python·安全·web安全·网络安全·php
2401_8734794011 小时前
遭遇DDoS攻击后如何快速分析攻击源?用IP查询+离线库定位异常IP
服务器·开发语言·tcp/ip·php
niucloud-admin20 小时前
PHP V6 单商户常见问题——如何修改访问域名默认跳转端口
php
catchadmin20 小时前
使用 PHP TrueAsync 改造 Laravel 协程异步化的可行路径
开发语言·php·laravel
郑州光合科技余经理21 小时前
同城O2O海外版二次开发实战:从支付网关到配送算法
开发语言·前端·后端·算法·架构·uni-app·php
niucloud-admin1 天前
PHP V6 单商户常见问题——在线升级版本失败后如何回退版本数据
php