我可以使用网络服务将用户选择的图像上传到服务器吗？

Question

我正在做一个 ASP .NET 网站，其中用户可以上传需要保存到服务器的图像。

在整个网站中，我试图尽可能减少客户端和服务器之间的通信。这意味着在 onload() 上我调用 Web 服务，该服务返回该页面所需的所有数据，然后使用 javascript 操作它们。

到目前为止，它运行得完美无缺。当用户希望更改其个人资料时就会出现问题。我可以获取文本字段中输入的所有信息并进行排序，并将它们作为参数传递给 Web 服务，该服务将它们保存到数据库中。我不知道该怎么做，或者如果可能的话，是将所选图像作为参数传递给网络服务。

我使用 html5: 进行图像选择

Answer 1

如果您使用 asp:FileUpload 控件，则当用户单击“提交”时，您可以在页面的代码隐藏中执行类似以下操作：

protected void UploadButton_Click( object sender, EventArgs e ) {
    if ( !ImageUpload.HasFile ) {
        return;
    }

    string imageBase64 = System.Convert.ToBase64String( ImageUpload.FileBytes );

    YourService service = new YourService();

    service.UploadImage( imageBase64 );

这当然假设您的服务有一个名为 UploadImage 的方法，该方法接受一个字符串作为参数。

然后在后端，将字符串转换为字节数组：

byte[] imageArray = System.Convert.FromBase64String( base64ImageData );

并将其作为二进制数据保存到数据库中。

作为警告，您可能需要在网页上添加长度检查，以防止有人上传太大的图像......否则您的服务器可能会陷入困境。

Answer 2

您应该使用 html 公式。但是您需要更改 form 标签的一些默认配置

<form action="url" method="post" enctype="multipart/form-data">
    <input type="file" name="my-file" />
</form>

，并且可以使用 iframe 作为表单的目标，而不是页面不会重新加载。然后您可以对 iframe 做出反应...

<form ... target="youriframe">

请参阅此网站获取完整示例