WordPress建站教程：开启SVG格式图片上传的方法

欢迎大家来到IT世界,在知识的湖畔探索吧!

继续分享wordpress建站教程。默认情况下wordpress是不支持直接上传SVG格式图片的，因为SVG格式图片是由代码绘制，这很容易被动手脚，有一定的安全隐患。但是SVG格式图片的优势也非常明显，它是矢量图，可以无损放大缩小，体积也非常小，不怎么影响网站打开速度。

下面给大家分享两个开启SVG格式图片上传权限的方法。

方法一：使用代码

 // 只允许管理员上传SVG图片 if (current_user_can( 'manage_options' )) { add_filter('upload_mimes', function ($mimes) { $mimes['svg'] = 'image/svg+xml'; return $mimes; }); }

欢迎大家来到IT世界,在知识的湖畔探索吧!

把上面的代码添加到当前wordpress建站使用主题的functions.php文件中即可。开通SVG格式上传权限后，媒体库是不能直接预览的，所以我们还可以继续在functions.php文件中添加下面的代码。

作者：悦然WordPress建站

欢迎大家来到IT世界,在知识的湖畔探索吧!// 媒体库列表模式显示SVG图片 add_action('admin_head', function () { echo ""; });

// 媒体库网格模式显示SVG图片 function zm_display_svg_media($response, $attachment, $meta){ if($response['type'] === 'image' && $response['subtype'] === 'svg+xml' && class_exists('SimpleXMLElement')){ try { $path = get_attached_file($attachment->ID); if(@file_exists($path)){ $svg = new SimpleXMLElement(@file_get_contents($path)); $src = $response['url']; $width = (int) $svg['width']; $height = (int) $svg['height']; $response['image'] = compact( 'src', 'width', 'height' ); $response['thumb'] = compact( 'src', 'width', 'height' ); $response['sizes']['full'] = array( 'height' => $height, 'width' => $width, 'url' => $src, 'orientation' => $height > $width ? 'portrait' : 'landscape', ); } } catch(Exception $e){} } return $response; } add_filter('wp_prepare_attachment_for_js', 'zm_display_svg_media', 10, 3);

使用代码开通SVG图片上传的方法稍微麻烦一些，而且也不是很安全。

方法二：使用插件

欢迎大家来到IT世界,在知识的湖畔探索吧!

同类型的插件有很多，这里推荐的插件是Safe SVG，它不仅可以支持SVG格式图片上传，还可以对SVG文件进行检查，可以在一定程度上避免一些潜在的风险。