在.NET 6中,您可以使用IFormFile接口来接收前端使用XMLHttpRequest上传的图片。

首先,您需要在后台的控制器方法中添加一个参数,类型为IFormFile,用于接收上传的文件。例如:

[HttpPost]
public IActionResult UploadImage(IFormFile image)
{
    // 处理上传的图片
    if (image != null && image.Length > 0)
    {
        // 获取文件名
        var fileName = image.FileName;
        
        // 保存文件到服务器或其他操作
        // ...
        
        return Ok("Image uploaded successfully.");
    }
    
    return BadRequest("Image not found.");
}

然后,在前端使用XMLHttpRequest发送POST请求来上传图片。您可以使用FormData对象来构建请求数据,并将图片文件添加到FormData中。例如:

var fileInput = document.getElementById('fileInput');
var file = fileInput.files[0];

var formData = new FormData();
formData.append('image', file);

var xhr = new XMLHttpRequest();
xhr.open('POST', '/your-controller/uploadImage', true);
xhr.onload = function() {
    if (xhr.status === 200) {
        console.log(xhr.responseText);
    } else {
        console.error('Error: ' + xhr.status);
    }
};

xhr.send(formData);

注意,上述示例中的'/your-controller/uploadImage'是您的控制器方法的URL地址,您需要根据实际情况进行调整。

当您发送请求后,后台的控制器方法将接收到上传的图片,并可以进行进一步的处理,比如保存到服务器或其他操作

前端使用XMLHttpRequest 上传图片net6 后台如何接收?

原文地址: http://www.cveoy.top/t/topic/iZWc 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录