在前端中，您可以使用 <a> 标签的 download 属性来实现点击链接直接下载服务器中的图片。设置 download 属性后，浏览器会将链接指向的文件作为下载文件保存到用户的本地设备上。
以下是一个示例代码：
<a href="http://example.com/path/to/image.jpg" download="图片的名字.jpg">点击下载图片</a>
在上面的代码中，将 href 属性设置为图片的 URL，然后添加 download 属性。当用户点击该链接时，浏览器会自动下载并保存指定链接的图片。
请注意，这种方法只适用于可跨域访问的图片资源。如果所请求的图片存在跨域限制（例如不在同一域名下），浏览器会拒绝下载操作。
总结而言，通过在 <a> 标签中添加 download 属性，可以实现在前端点击链接直接下载服务器中的图片。如果图片可以通过跨域访问，用户点击链接后浏览器会将其作为下载文件保存到本地设备上。