前端使用XMLHttpRequest 上传图片net6 后台如何接收?
在.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地址,您需要根据实际情况进行调整。
当您发送请求后,后台的控制器方法将接收到上传的图片,并可以进行进一步的处理,比如保存到服务器或其他操作
原文地址: http://www.cveoy.top/t/topic/iZWc 著作权归作者所有。请勿转载和采集!