image/gif 前端怎么接收后端返回的image/gif 类型的图片进行展示

前端可以通过以下步骤接收后端返回的 image/gif 类型的图片并进行展示：

1. 发起请求：前端使用合适的方法（例如 AJAX、Fetch API）向后端发送请求，请求返回 image/gif 类型的图片。

2. 接收响应：前端接收到后端返回的响应。如果使用 AJAX，可以通过 `XMLHttpRequest` 对象的 `responseType` 属性设置为 `'blob'` 来接收二进制数据。如果使用 Fetch API，可以使用 `response.blob()` 方法来获取响应的二进制数据。

3. 创建图片对象：使用 JavaScript 创建一个新的 `Image` 对象。

var img = new Image();

4. 加载图片：将接收到的二进制数据赋值给 `Image` 对象的 `src` 属性，并监听 `load` 事件。

img.src = URL.createObjectURL(blob);
img.addEventListener('load', function() {
  // 图片加载完成后的逻辑处理
});

5. 展示图片：在 `load` 事件中，可以将 `Image` 对象插入到页面中的合适位置，以展示图片。

var container = document.getElementById('image-container');
container.appendChild(img);

这样，前端就可以接收后端返回的 image/gif 类型的图片，并在页面上进行展示。