javascript - 如何从后端将公共URL返回到前端的图像src

如何从后端将一些公共图像URL（例如Amazon S3）返回到前端的HTML div元素，并将图像显示为背景图像？

即使在网址中没有撇号，我也曾尝试过，但仍然无法正常工作。

后端

@RestController
@RequestMapping("")
public class ImageController {

    @GetMapping("/getImageURL")
    public String getImageURL() {

         String url = "https://images.pexels.com/photos/949587/pexels-photo-949587.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500";

         return url;
    }
}

前端

<body>
     <div style="width:100px; height:100px; position:relative; 
      display:block; background-image: url('http://localhost:8080/getImageURL')"> 
     </div>
</body>

如何从后端将公共URL返回到前端的图像src

0 个答案: