JS web 手机端上传图片 VB.net后端

在JavaScript Web应用中，手机端上传图片通常涉及前端HTML5的File API，配合FormData或axios等库来发送POST请求到VB.NET后端。步骤如下：

1. **前端**:
- 使用<input type="file">元素让用户选择图片，这触发了一个浏览器事件（通常是change事件）。
- 通过FileReader读取选中的图片文件，将其转化为Blob对象。
- 创建一个新的FormData对象，添加Blob对象作为键值对（`formData.append('image', blob)`）。
- 发送POST请求到服务器，比如使用fetch API或axios库，设置请求头Content-Type为'multipart/form-data'。

let input = document.getElementById('imgInput');
input.addEventListener('change', function(e) {
    let file = e.target.files[0];
    let formData = new FormData();
    formData.append('image', file);
    fetch('/upload', {
        method: 'POST',
        body: formData,
        headers: { 'Content-Type': 'multipart/form-data' }
    }).then(response => response.json());
});

2. **后端** (VB.NET):
- 接收这个POST请求，可以创建一个控制器处理图片上传，如ASP.NET MVC或Web API。
- 解析传来的multipart/form-data数据，获取到Blob对象，然后保存到数据库或临时文件系统。

Imports System.IO
Imports Microsoft.AspNetCore.Mvc

Public Class UploadController : Controller
    Public Function PostUpload(file As IFormFile) As ActionResult
        If file.ContentType.StartsWith("image/") Then
            Dim filePath = Path.GetTempFileName()
            Using stream = New FileStream(filePath, FileMode.Create)
                file.CopyTo(stream)
                ' 这里你可以进一步处理文件，比如存储到数据库
            End Using
            Return Ok()
        Else
            Return BadRequest("Invalid file type")
        End If
    End Function
End Class