废话不多说,PbootCMS碰到需要修改文件上传格式的时候,首先去/config/config.php里修改upload配置信息,一般情况下,这里修改后就ok了。
这边以一个图片格式为例来介绍,本文栗子上场→webp格式图片。
什么是WebP格式的图片?
WebP是Google在2010年发布的一种新型图片格式,支持无损和有损压缩。在无损压缩方面,同质量的WebP图片比PNG的体积小26%,而在有损压缩方面,同质量的WebP图片比JPEG小25-34%。WebP在不降低图片质量的同时,减少了约三分之一的体积。详细可参考谷歌官方。
修改步骤
1、打开/config/config.php修改upload配置信息,增加webp格式
// 上传配置 'upload' => array( 'format' => 'jpg,jpeg,png,gif,xls,xlsx,doc,docx,ppt,pptx,rar,zip,pdf,txt,mp4,avi,flv,rmvb,mp3,otf,ttf,webp', 'max_width' => '1920', 'max_height' => '' ),
一般到此就结束的,然而测试发现提示:“选择的图片种包含不支持的格式”,这里是因为layui本身也有图片格式限制导致。
2、打开ppsdminiewdefaultlayuilayui.all.js,搜索jpg|png|gif|bmp|jpeg,在尾巴增加webp,保存。
原来
jpg|png|gif|bmp|jpeg
修改成
jpg|png|gif|bmp|jpeg|webp
3、操作完前面后台强制刷新后,上传就正常了,然后发现编辑里还不行,那是因为ueditor也有限制,接着操作。
打开coreextendueditorphpconfig.json,在图片相关的配置代码后面都增加webp,下面是修改后的全部代码,替换或者对照修改后保存,强制刷新后台页面。
为避免以下代码某些字符被处理,提供个config.json文件,点击下载
/* 前后端通信相关的配置,注释只允许使用多行方式 */ { /* 上传图片配置项 */ "imageActionName": "uploadimage", /* 执行上传图片的action名称 */ "imageFieldName": "upfile", /* 提交的图片表单名称 */ "imageMaxSize": 20480000, /* 上传大小限制,单位B */ "imageAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp", ".webp"], /* 上传图片格式显示 */ "imageCompressEnable": false, /* 是否压缩图片,默认是true */ "imageCompressBorder": 1600, /* 图片压缩最长边限制 */ "imageInsertAlign": "none", /* 插入的图片浮动方式 */ "imageUrlPrefix": "", /* 图片访问路径前缀 */ "imagePathFormat": "/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */ /* {filename} 会替换成原文件名,配置这项需要注意中文乱码问题 */ /* {rand:6} 会替换成随机数,后面的数字是随机数的位数 */ /* {time} 会替换成时间戳 */ /* {yyyy} 会替换成四位年份 */ /* {yy} 会替换成两位年份 */ /* {mm} 会替换成两位月份 */ /* {dd} 会替换成两位日期 */ /* {hh} 会替换成两位小时 */ /* {ii} 会替换成两位分钟 */ /* {ss} 会替换成两位秒 */ /* 非法字符 : * ? " < > | */ /* 具请体看线上文档: fex.baidu.com/ueditor/#use-format_upload_filename */ /* 涂鸦图片上传配置项 */ "scrawlActionName": "uploadscrawl", /* 执行上传涂鸦的action名称 */ "scrawlFieldName": "upfile", /* 提交的图片表单名称 */ "scrawlPathFormat": "/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */ "scrawlMaxSize": 20480000, /* 上传大小限制,单位B */ "scrawlUrlPrefix": "", /* 图片访问路径前缀 */ "scrawlInsertAlign": "none", /* 截图工具上传 */ "snapscreenActionName": "uploadimage", /* 执行上传截图的action名称 */ "snapscreenPathFormat": "/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */ "snapscreenUrlPrefix": "", /* 图片访问路径前缀 */ "snapscreenInsertAlign": "none", /* 插入的图片浮动方式 */ /* 抓取远程图片配置 */ "catcherLocalDomain": ["127.0.0.1", "localhost", "img.baidu.com"], "catcherActionName": "catchimage", /* 执行抓取远程图片的action名称 */ "catcherFieldName": "source", /* 提交的图片列表表单名称 */ "catcherPathFormat": "/upload/image/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */ "catcherUrlPrefix": "", /* 图片访问路径前缀 */ "catcherMaxSize": 20480000, /* 上传大小限制,单位B */ "catcherAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp", ".webp"], /* 抓取图片格式显示 */ /* 上传视频配置 */ "videoActionName": "uploadvideo", /* 执行上传视频的action名称 */ "videoFieldName": "upfile", /* 提交的视频表单名称 */ "videoPathFormat": "/upload/video/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */ "videoUrlPrefix": "", /* 视频访问路径前缀 */ "videoMaxSize": 204800000, /* 上传大小限制,单位B,默认100MB */ "videoAllowFiles": [ ".flv", ".swf", ".mkv", ".avi", ".rm", ".rmvb", ".mpeg", ".mpg", ".ogg", ".ogv", ".mov", ".wmv", ".mp4", ".webm", ".mp3", ".wav", ".mid"], /* 上传视频格式显示 */ /* 上传文件配置 */ "fileActionName": "uploadfile", /* controller里,执行上传视频的action名称 */ "fileFieldName": "upfile", /* 提交的文件表单名称 */ "filePathFormat": "/upload/file/{yyyy}{mm}{dd}/{time}{rand:6}", /* 上传保存路径,可以自定义保存路径和文件名格式 */ "fileUrlPrefix": "", /* 文件访问路径前缀 */ "fileMaxSize": 204800000, /* 上传大小限制,单位B,默认50MB */ "fileAllowFiles": [ ".png", ".jpg", ".jpeg", ".gif", ".bmp",".webp", ".flv", ".swf", ".mkv", ".avi", ".rm", ".rmvb", ".mpeg", ".mpg", ".ogg", ".ogv", ".mov", ".wmv", ".mp4", ".webm", ".mp3", ".wav", ".mid", ".rar", ".zip", ".tar", ".gz", ".7z", ".bz2", ".cab", ".iso", ".doc", ".docx", ".xls", ".xlsx", ".ppt", ".pptx", ".pdf", ".txt", ".md", ".xml" ], /* 上传文件格式显示 */ /* 列出指定目录下的图片 */ "imageManagerActionName": "listimage", /* 执行图片管理的action名称 */ "imageManagerListPath": "/upload/image/", /* 指定要列出图片的目录 */ "imageManagerListSize": 20, /* 每次列出文件数量 */ "imageManagerUrlPrefix": "", /* 图片访问路径前缀 */ "imageManagerInsertAlign": "none", /* 插入的图片浮动方式 */ "imageManagerAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp", ".webp"], /* 列出的文件类型 */ /* 列出指定目录下的文件 */ "fileManagerActionName": "listfile", /* 执行文件管理的action名称 */ "fileManagerListPath": "/upload/file/", /* 指定要列出文件的目录 */ "fileManagerUrlPrefix": "", /* 文件访问路径前缀 */ "fileManagerListSize": 20, /* 每次列出文件数量 */ "fileManagerAllowFiles": [ ".png", ".jpg", ".jpeg", ".gif", ".bmp",".webp", ".flv", ".swf", ".mkv", ".avi", ".rm", ".rmvb", ".mpeg", ".mpg", ".ogg", ".ogv", ".mov", ".wmv", ".mp4", ".webm", ".mp3", ".wav", ".mid", ".rar", ".zip", ".tar", ".gz", ".7z", ".bz2", ".cab", ".iso", ".doc", ".docx", ".xls", ".xlsx", ".ppt", ".pptx", ".pdf", ".txt", ".md", ".xml" ] /* 列出的文件类型 */ }
修改了类似下方截图的位置,页面中有几处都要修改增加webp。
到此,webp格式可以在后台位置任意上传了。
最后更新于 2020-10-23 17:26:40 本文来源:https://www.pbhtml.com/189.html略有修改 相关知识点: 图片上传 webp
- 1蓝天采集器蓝天采集器v1.3自动采集怎么搞
- 2蓝天采集器正在校验更新文件
- 3狂雨小说CMS-狂雨小说下载-采集规则-导入方法
- 4PbootCMS配置面包屑导航
- 5蓝天采集器WordPress BUG 站点固定连接
- 6MetInfo企业网站管理系统(米拓cms)火车头采集入库使用教程
- 7蓝天采集器数据处理内容替换 支持正则吗
- 8蓝天采集器采集今日头条
- 9PbootCMS后台登录验证码看不清怎么回事?
- 10蓝天采集器分类信息采集,列表数据循环入库示例教程
- 11蓝天采集器这种页面不能采集吗
- 12手把手教你做PbootCMS自动替换图片地址为七牛云cdn镜像链接操作教程
- 13蓝天采集器采集中断、自动采集无效、图片下载不了,解决方法!
- 14蓝天采集器这采集软件可以采集1688商品所有数据吗
- 15蓝天采集器dedecms发布问题
- 16蓝天采集器请教主怎么样把内容采集页的源地址写入数据库
- 17十万外链的网站打造策略
- 18蓝天采集器能做成帖对贴更新的功能吗?
- 19企业网站关键词搜索引擎优化seo操作教程
- 20蓝天采集器设置不要img参数教程
-
迅睿CMS火车头采集免登录入库接口和···
1、先吧Collapi_fAGkdb.tar.gz压缩包上线网站/dayrui/App目录,然后解压。2、登录网站后台、选择应用---采集器发布接口-----安装---安装完毕记得点击刷新后台(更新缓存)。安装完成就可以点击进入直接使用了,···
-
163K网站系统同一服务器多个网站系···
同一服务器有多套网站系统配置自动升级:(先修改以下部分,再做自动升级配置)1 到对应数据库的mh163k_config表中autoupdateexeport字段改为新的端口号,并注意要开放这个端口: select autoupdateex···
-
蓝天采集器关于列表页当作内容页采集的···
在列表页有5个标题和内容要采集 如: 标题1 内容1 ============ 标题2 内容2 ============ 标题3 内容3 ============ 采集规则已经写好,也能抓取到数据 但是保存数据为excel的时候,是按···
-
蓝天采集器安装出问题 显示版本问题
请技术连我QQ1064269168 在线等 截个图看看, php必须大于5.3
-
蓝天采集器chrome提取的xpat···
新手完全按照手册来的,自己尝试用后台的中国农业网新闻做测试,把原来的规则匹配改为chrome提取的xpath却一直抓不到数据,反倒是用chrome或xpathhelper插件匹配都是可以的,是规则写的不对么? 比如抓标题"http···