用bootstrap4的环状旋转器来加载请求的图片

好的，以下是一个简单的实现：

HTML代码：

<div class="spinner-border" role="status">
  <span class="sr-only">Loading...</span>
</div>
<img id="my-image" style="display:none;">

CSS代码：

.spinner-border {
  color: #007bff;
}

JavaScript代码：

$(document).ready(function() {
  $('.spinner-border').show(); // 显示旋转器，默认显示
  $('#my-image').on('load', function() {
    $('.spinner-border').hide(); // 隐藏旋转器
    $(this).show(); // 显示图片
  });
  $('#my-image').attr('src', 'your-image.jpg'); // 请求图片
});

其中，`spinner-border`是Bootstrap提供的环状旋转器样式，`sr-only`是屏幕阅读器的样式，用来告诉屏幕阅读器此元素是一个状态指示器。我们在`img`元素上使用`display:none;`样式来将图片隐藏。

JavaScript代码用来在图片加载完成后显示图片并隐藏旋转器。`attr()`方法用来请求图片。你可以将`your-image.jpg`替换为你需要请求的图片地址。