解决Wordpress使用阿里云OSS图片存在翻转问题

❌Wordpress 上传某些图片会存在翻转问题;

✅解决方法是在Wordpress主题文件根目录functions.php 添加一段代码解决,解决上传图片后,文章会显示90°翻转问题;代码只对图片生效,其他文件格式不会添加(?x-oss-process=image/auto-orient,1);

❗代码

function add_suffix_to_image_url( $url, $post_id ) {
    // 获取文件的 MIME 类型
    $mime_type = get_post_mime_type( $post_id );

    // 判断是否为图片类型
    if ( strpos( $mime_type, 'image/' ) === 0 ) {
        $oss_suffix = '?x-oss-process=image/auto-orient,1';
        $url .= $oss_suffix;
    }

    return $url;
}
add_filter( 'wp_get_attachment_url', 'add_suffix_to_image_url', 10, 2 );

📍工作原理:

  1. get_post_mime_type()
    • 通过附件 ID 获取文件的 MIME 类型,比如 image/jpegimage/png
  2. 判断是否为图片
    • 使用 strpos() 检查 MIME 类型是否以 image/ 开头,仅对图片文件生效。
  3. 添加后缀
    • 如果是图片,自动添加 ?x-oss-process=image/auto-orient,1

📍效果:

  • 上传的图片 URL 会自动附加后缀。
  • 其他文件类型(如 PDF、ZIP、MP3 等)不会受到影响。



手机观看扫描下方微信小程序二维码


知识共享许可协议本作品采用知识共享署名-相同方式共享 4.0 国际许可协议进行许可。

相关推荐

暂无评论

目录展开