1

我有一个 div 里面有一个图像。在 javascript 中，我得到了 div，并将 div 的 innerHTML 发送到服务器。javascript在下面被过度简化了：

function uploadImage() {       
    var imageInfo = document.getElementById('divImage').innerHTML;
    PageMethods.uploadImage(imageInfo, onSuccess, onError);

} //end function

我目前在服务器上接收这个作为字符串。

[WebMethod]
public static string uploadImage(string base64FileString){...}

结果如下：

<img height="150" width="150" title="name.png" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA...../>

我需要将此图像保存到磁盘，我不知所措。据我了解，我可以通过“base64”（使用拆分）并使用以下内容创建图像：

    // Convert Base64 String to byte[]
    byte[] imageBytes = Convert.FromBase64String(base64FileString);
    MemoryStream ms = new MemoryStream(imageBytes, 0, imageBytes.Length);

    // Convert byte[] to Image
    ms.Write(imageBytes, 0, imageBytes.Length);
    System.Drawing.Image image = System.Drawing.Image.FromStream(ms, true);
    image.Save(.....);

但这似乎非常低效。有没有更好的方法从字符串创建图像，接收字符串的更好方法，或者传递字符串的更好方法？

4

2 回答 2

1

您可以使用File.WriteAllBytes：

byte[] imageBytes = Convert.FromBase64String(base64FileString);
File.WriteAllBytes(path, imageBytes);

一旦你MemoryStream有了.System.Drawingbyte[]

于 2013-05-11T21:09:12.163 回答
0

我知道必须有更好的方法来做到这一点，但我有一个至少可行的解决方案。如果有人能指出更复杂的方式，我会全力以赴。我会假设有某种对象会接收服务器上的 img 以保存到磁盘，但可能不是。

Javascript 和 webmethod 保持不变。我将 div 的 InnerHTML 传递给服务器，并将其作为字符串接受。在服务器上，我使用了多个拆分（我理解这很慢）来获取图像的 base64 部分。

[WebMethod]
public static string uploadImage(string base64FileString){

   //Get all of the text right of the comma
    string base64PartTemp= base64FileString.Split(',')[1];

    //The final part of the base64 had a \" to remove
    //Now base64PartFinal is the base64 part of the image only
    string base64PartFinal= base64PartTemp.Split('\"')[0];

    //Get all of the text to the right of the period from original string
    string fileTypePart = base64FileString.Split('.')[1];

    //Because the file is an image the file type will be 3 chars
    string fileType = fileTypePart.Substring(0, 3);

    //Use a new guid for the file name, and append the fileType
    string finalFileName = Guid.NewGuid() + "." + fileType;

    //Turn the final base64 part into byte array
    byte[] imageBytes = Convert.FromBase64String(base64PartFinal);

    //Get the working directory of the project to store the files
    string path= System.AppDomain.CurrentDomain.BaseDirectory.ToString();

    //Append that I want to put the image in the images folder, under a designated filename
    path += "Images/" + finalFileName;

    //Write the image to file
    File.WriteAllBytes(path, imageBytes);

...
}

这几天我找不到答案。我希望它可以帮助某人。就像我说的，可能不是最有效的解决方案，但它确实有效。

于 2013-05-12T02:11:46.877 回答