在前端中，可以通过创建一个元素并将其src属性设置为图片的URL来直接获取并显示图片。以下是一个简单的示例代码： 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>图片获取示例</title>
</head>
<body>
    <img id="myImage" src="" alt="图片展示" />
    <script>
        // 假设你有一个图片的URL
        const imageUrl = 'http://example.com/path/to/image.jpg';
        // 获取<img>元素
        const imgElement = document.getElementById('myImage');
        // 设置<img>的src属性为图片的URL
        imgElement.src = imageUrl;
    </script>
</body>
</html>

在这个例子中，我们首先定义了一个图片的URL。然后，我们通过document.getElementById获取了页面中的元素，并将其src属性设置为我们想要显示的图片的URL。这样，当页面加载时，指定的图片就会被加载并显示在元素中