我正在尝试将一个img文件从用Reaction/TypeScrip编写的前端传递到用C#编写的API。
以下是使用Axios处理上传照片和将状态上传到C#API的函数：

const handleImageUpload = (event: React.ChangeEvent<HTMLInputElement>) => {

        const files = event.target.files as FileList
        const file = files[0] as File

        setRecipeData((prev) => {
            return {...prev, RecipePhoto: file}
        })
    }
    const handleRecipeUpload = () => {

        axios.post('https://localhost:7104/api/Recipe/Post', recipeData)
        .then((response) => {
            console.log(response)
        })
        .catch((error) => {
            console.log(error)
            console.log(JSON.stringify(error.response.data.errors));
        })
    }

这是我用C#编写的控制器

[HttpPost]
        [Route("Post")]
        public async Task<IActionResult> PostRecipeAsync(PostRecipeDto postRecipeDto)
        {
            return Ok(await _postRecipeServices.PostRecipeService(postRecipeDto));
        }

和DTO的模型：

public class PostRecipeDto
    {
        public string? Name { get; set; }
        public string? Description { get; set; }
        public string? Country { get; set; }
        public string? IngridientList { get; set; }
        public int CookingTimeInMins { get; set; }
        public byte[]? RecipePhoto { get; set; }
    }

在尝试上传时，我在浏览器控制台中遇到的错误是：

{"postRecipeDto":["The postRecipeDto field is required."],"$.RecipePhoto":["The JSON value could not be converted to System.Byte[]. Path: $.RecipePhoto | LineNumber: 0 | BytePositionInLine: 155."]}

所以我猜，我要么是以错误的方式传递文件，要么是模型不正确，不应该是byte[]。
我会极力推荐任何关于解决这个问题的最佳方法的建议！