前端怎么向后端传图片

前端向后端传递图片可以使用表单提交或者Ajax请求方式。

1. 表单提交方式

使用表单提交方式，需要在前端通过 `input` 标签中的 `type="file"` 属性让用户选择图片文件，然后将表单以 `enctype="multipart/form-data"` 的方式提交给后端。

HTML 代码示例：

<form action="/upload" method="POST" enctype="multipart/form-data">
  <input type="file" name="image">
  <button type="submit">上传</button>
</form>

在后端代码中，可以通过解析 `multipart/form-data` 类型的请求体，获取上传的图片数据。

2. Ajax请求方式

使用 Ajax 请求方式，需要将图片数据转换成二进制数据，并以 `FormData` 对象的形式提交给后端。

JavaScript 代码示例：

var fileInput = document.getElementById("file-input");
var file = fileInput.files[0];
var formData = new FormData();
formData.append("image", file);

var xhr = new XMLHttpRequest();
xhr.open("POST", "/upload");
xhr.send(formData);

在后端代码中，可以通过解析请求体中的二进制数据，获取上传的图片数据。

总的来说，前端向后端传递图片的方式有很多种，以上两种方式是比较常用的方式。