图像裁剪编辑器不工作

Posted

技术标签:

【中文标题】图像裁剪编辑器不工作【英文标题】:Image Crop Editor Not working 【发布时间】:2014-07-25 11:46:02 【问题描述】:

我在 WordPress 管理员中遇到问题,图像没有在我正在创建的网站的 WP“编辑图像”中裁剪,我不知道原因是什么。

我已经阅读了一些类似的主题,但似乎没有任何影响。我已停用所有插件并检查了服务器,但一切似乎都设置得很好。

有人可以指导我如何使其工作或可能导致问题的正确方向吗?

【问题讨论】:

你弄乱了 wordpress 核心文件吗? 不,我没有,它使用与我安装 wordpress 时相同的核心文件 你能发一些屏幕截图吗?因为没有太多了解,我们无法为您提供帮助 好的,谢谢 - 这是一对:malbert.me/screenshot.png 当您尝试引入图像时:malbert.me/screenshot2.png 您可以尝试下载新版本的wordpress,然后替换核心文件wp-admin/admin-ajax.php 吗?尝试一下也无妨 【参考方案1】:

我遇到了同样的问题并得到了解决。这可能是一个非常晚的响应,但对于面临此问题的其他人可能很有用。 我就是这样解决的:

检查您的functions.php 文件。看看,如果你在文件的每一端都有结束标签。

?>

删除这个标签解决了我的问题。也可以查看这个link。希望这会有所帮助!

【讨论】:

这最终是我修复它的方式。 您可以接受答案,因为这解决了您的问题 :) 我的 function.php 文件中没有 PHP 结束标记。【参考方案2】:

您可能缺少 GD 库。

要检查服务器是否已安装,请在命令行中尝试php -me。扫描 gd 模块。

如果丢失,请获取:sudo apt-get install php7.0-gd

【讨论】:

如何检查我的服务器是否安装了 GD 库? @PlanetHackers 在命令行尝试php -me。扫描gd模块。【参考方案3】:

我有同样的问题,但问题是缺少 GD 库,https://www.digitalocean.com/community/questions/installing-the-gd-image-library

安装(Linux/Apache2):

sudo apt-get update
sudo apt-get install php5-gd
sudo service apache2 restart

【讨论】:

或者 sudo service nginx restart 如果你在 nginx 上 对于 PHP 7.0,您应该运行 sudo apt-get install php7.0-gd,如本答案中所述 ***.com/questions/34367917/install-php70-gd-on-ubuntu 通常sudo apt-get install php-gd 将匹配最新版本的 PHP。无需弄乱版本编号。【参考方案4】:

以上都不适合我。因此,在从 *** 中获取了这么多之后,为了回馈社会,这就是我所做的:

在安装过程中,有时会在 IIS 中创建 URL 重写规则。我禁用了这个规则,然后图像裁剪就起作用了!

【讨论】:

服务器 2016 上的 IIS 8.5 + mysql + Wordpress + PHP 7.1。这为我解决了这个问题。【参考方案5】:

我使用文件编码UTF-8 重新保存了functions.php 文件。它对我有用。(Windows 10)

【讨论】:

【参考方案6】:

排除多种原因后 (PHP 模块,内存限制),尝试获取有用的调试信息,并将站点迁移到不同的主机,我发现问题是由 .htaccess 文件中的重写规则引起的。

在这种情况下,安全插件 All In One WP Security 添加的规则。也许,更新版本的插件会修复它,但我前段时间用另一个安全插件替换了它。

随着从 .htaccess 中删除所有规则并逐渐重新引入它们,我 发现导致问题的.htaccess 中的特定行块是:

# 5G:[QUERY STRINGS]
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteCond %QUERY_STRING (\"|%22).*(<|>|%3) [NC,OR]
RewriteCond %QUERY_STRING (javascript:).*(\;) [NC,OR]
RewriteCond %QUERY_STRING (<|%3C).*script.*(>|%3) [NC,OR]
RewriteCond %QUERY_STRING (\\|\.\./|`|='$|=%27$) [NC,OR]
RewriteCond %QUERY_STRING (\;|'|\"|%22).* (union|select|insert|drop|update|md5|benchmark|or|and|if) [NC,OR]
RewriteCond %QUERY_STRING (base64_encode|localhost|mosconfig) [NC,OR]
RewriteCond %QUERY_STRING (boot\.ini|echo.*kae|etc/passwd) [NC,OR]
RewriteCond %QUERY_STRING (GLOBALS|REQUEST)(=|\[|%) [NC]
RewriteRule .* - [F]
</IfModule>

【讨论】:

【参考方案7】:

我在这里尝试了所有方法,但没有任何帮助。最终,我找到了一个article,其中提到了授予IIS_IUSRS WP 文件夹的权限。这终于让裁剪工具工作了。

【讨论】:

【参考方案8】:

我发现在我的 OVH WordPress 服务器,版本 4.7.5,imagemagick 没有安装,并且需要此功能才能正常工作:

sudo apt-get install imagemagick
sudo service apache2 restart

【讨论】:

【参考方案9】:

如果有人尝试在 AWS Linux 环境中完成此操作,这些命令对我有用:

yum install php71-pecl-imagick.x86_64

当然,你也可以根据自己的环境搜索对应的imagemagick包:

yum search imagemagick

稍后,别忘了做一个:

service httpd restart

使更改对您的 WP 生效

【讨论】:

【参考方案10】:

这应该可以解决您的问题:

删除/wp-content/themes/name/functions.php + 包含文件中的所有空行和空格。 删除/wp-config.php文件中的所有空行和空格 检查是否安装了php5-gd。 测试/wp-content/upload/ + 子文件夹的权限更改为777 删除/wp-content/themes/name/functions.php + 包含文件中的关闭 (?&gt;) php 标签。 关闭所有插件。 重命名您的主题并更改为默认主题。

【讨论】:

【参考方案11】:

如果您的 WordPress 安装托管在 Amazon Red hat 上,请执行以下操作:

sudo yum install php-gd

了解更多check here。

【讨论】:

【参考方案12】:

我也无法裁剪图像。应该显示裁剪的区域只是空白,相反我收到了错误消息:

图像裁剪区域预览。需要鼠标交互。

现在,还有其他可疑的事情:媒体图片库没有显示缩略图。在浏览器中激活开发者模式时,我注意到 Wordpress 的某些资源无法加载。

解决方案:/wp-content 的访问权限被破坏,Apache 不再能够读取文件。就我而言,递归地将wp-content文件夹的访问权限更改为rwxr-x---确实解决了这个问题。

【讨论】:

如果这仅适用于 rwxr-x--- ,您的网络服务器似乎以 root 身份运行,这不是一个好主意。【参考方案13】:

如果您几乎尝试了所有方法,但没有任何建议奏效,请继续阅读。

我在开发环境中的一个站点上遇到了这个问题,而所有其他站点都运行良好。它最终成为带有 UTF-8 BOM 标头的单个包含文件。删除它,瞧!

【讨论】:

【参考方案14】:

我遇到了这个问题,因为 Media Previewer/Cropper 试图从 http 而不是 https 拉取图像,并且我的服务器在尝试拉取源图像时不断报告错误 400,因为我目前不公开传统的非 ssl HTTP。

IE:我在备用端口上运行并使用https://server:9090。当我尝试裁剪图像时,它会尝试通过非 ssl http://server:9090/path/to/image.png 加载图像。它没有使用正确的协议,服务器响应 400 错误,因此裁剪器无法加载图像并继续。

就我而言,这发生在“主题”下的“自定义”部分。使用媒体库时,它通过 SSL 正确加载了图像。但是,如果不启用 http,我无法更改定制器中的图像。

【讨论】:

【参考方案15】:

请记住,界面不直观,如果您执行以下操作,很容易忘记 [保存] 按钮仍处于停用状态:

    点击裁剪按钮。 选择您想要的区域。

你必须反其道而行之。

    选择您想要的区域。 点击裁剪按钮。

【讨论】:

神圣!是的,哇,这太反直觉了。谢谢先生! 对我来说是正确的答案。 该死的……这太愚蠢了。谢谢,解决了一个难题。【参考方案16】:

我遇到了同样的问题,但对我来说解决方案很简单。我所要做的就是从媒体页面中删除图像,然后再次上传。

希望这对其他人有帮助

【讨论】:

以上是关于图像裁剪编辑器不工作的主要内容,如果未能解决你的问题,请参考以下文章

在不影响纵横比的情况下裁剪图像

通过裁剪修改/编辑PhAsset图像

限制用户在使用 wordpress 媒体编辑器选择特色图像时裁剪图像

React 裁剪图像库,也可以移动或调整图像大小

Java Tapestry Web 应用程序中的基本图像编辑器(打开文件、裁剪、保存到新文件)

如何明智地裁剪图像形状?