Ueditor图片缩放的设置

最新推荐文章于 2020-06-23 12:38:20 发布

转载最新推荐文章于 2020-06-23 12:38:20 发布 · 621 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/iuyes/p/4187571.html

文章标签：

#php

本文详细介绍了使用Ueditor时遇到图片自动缩放问题的解决方法，通过修改前台dialogs/image/image.js文件和后台配置文件，实现图片按宽度等比缩放的效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近在用Ueditor，功能绝逼强大，不过也有遗憾的地方，上传图片的时候自动缩放的小了，想要图片按宽度整体等比缩放，找了好久，研究了下，终于找到解决方法了。

先改前台的的dialogs/image/image.js

第377行

compress: editor.getOpt('imageCompressEnable') ? {
width: imageCompressBorder,
height: imageCompressBorder,
// 图片质量，只有type为`image/jpeg`的时候才有效。
quality: 90,

改为

compress: editor.getOpt('imageCompressEnable') ? {
width: 900, //最宽900
height: imageCompressBorder,
// 图片质量，只有type为`image/jpeg`的时候才有效。
quality: 90,

然后改后台的配置文件，我已经将config.json改成了php数组配置文件，不过数组键名一样，改成相应的值就行了

<?php
$config['ueditor.config']= array(
'imageActionName' =>'uploadimage',
'imageFieldName' => 'upfile',
'imageMaxSize' => 2048000,
'imageAllowFiles' => array('.png' ,'.jpg','.jpeg','.gif','.bmp'),
'imageCompressEnable' => 1 ,
'imageCompressBorder' => 90000 ,

最主要的就是这一句，'imageCompressBorder' => 90000 ,

把这个值改成无限大，就是最大一边是90000像素，这里应用到前台就成了高度90000开始缩放，宽度900开始缩放，成功实现我们的要求

转载于:https://www.cnblogs.com/iuyes/p/4187571.html