上传照片并将其作为 json 对象发送

Posted

技术标签:

【中文标题】上传照片并将其作为 json 对象发送【英文标题】:Upload photo and send it as a json object 【发布时间】:2015-09-26 16:35:50 【问题描述】:

我正在使用视图上传照片,然后我在控制器中以HttpPostedFileBase 接收它

然后我在 Http 请求中发送它,一切都很好,但是当我在 json 对象中收到 http 请求时,照片为空`

这是请求:

 public ActionResult RegisterUsersCheck(User_all_data user_data)
        
            var webAddr = "http://localhost:59305/api/User/RegisterUsersCheck";
            var httpWebRequest = (HttpWebRequest)WebRequest.Create(webAddr);
            httpWebRequest.ContentType = "application/json; charset=utf-8";
            httpWebRequest.Accept = "application/json";
            httpWebRequest.Method = "POST";
            using (var streamWriter = new StreamWriter(httpWebRequest.GetRequestStream()))
            
                string json = " user :  'FirstName':'" + user_data.user.FirstName +
                    "','LastName': '" + user_data.user.LastName + "','Email': '" + user_data.user.Email +
                    "','Password': '" + user_data.user.Password + "','Country': '" + user_data.user.Country +
                    "','PhoneNumber': '" + user_data.ProfilePicture +
                    "','ProfilePicture': '" + user_data.PhoneNumber + "'";
                streamWriter.Write(json);
                streamWriter.Flush();
            

            var httpResponse = (HttpWebResponse)httpWebRequest.GetResponse();
            using (var streamReader = new StreamReader(httpResponse.GetResponseStream()))
            

                var result = streamReader.ReadToEnd();
                return RedirectToAction("Index");
            

这是我收到请求的方式

public bool RegisterUsersCheck ([FromBody] User_all_data user_ext)
        
            List<User> all_users = repo.getUsers();
            var match = all_users.Find(i => i.Email == user_ext.user.Email);
            if (match == null)
            
                RegisterUsers(user_ext);
                return true;
            
            else
            
                return false;
            
        

这里是User_all_data

public class User_all_data
        
            public User user  get; set; 
            public HttpPostedFileBase ProfilePicture  get; set; 
        

正如我之前提到的,发送很好,但是当我收到请求时,ProfilePicture 为空

【问题讨论】:

【参考方案1】:

嗯,首先,在这段代码中

string json = " user :  'FirstName':'" + user_data.user.FirstName +
                "','LastName': '" + user_data.user.LastName + "','Email': '" + user_data.user.Email +
                "','Password': '" + user_data.user.Password + "','Country': '" + user_data.user.Country +
                "','PhoneNumber': '" + user_data.ProfilePicture +
                "','ProfilePicture': '" + user_data.PhoneNumber + "'";

看来 PhoneNumberProfilePicture 的键已交换。您将PhoneNumber 设置为ProfilePicture,将ProfilePicture 设置为PhoneNumber。应该是相反的。

另外,我不确定user_data.ProfilePicture 是什么数据类型,但如果它是图像,则不能将其填充到 JSON 中。 JSON 不支持像图像这样的二进制数据。一种选择是在将图像数据放入 JSON 之前对图像数据进行 base64 编码。这是一个这样做的例子:

byte[] imageBytes = ...
var imageBytesStr = Convert.ToBase64String(imageBytes);

然后在构建 JSON 时,将 ProfilePicture 键设置为 base64 编码字符串 imageBytesStr。然后,您的客户端必须对 ProfilePicture 字符串进行 base64 解码以获取图像字节。然后客户端必须从这些字节构造一个图像。

【讨论】:

这很有帮助,我刚刚发现将其放入 byte[] 然后使用转换语句...谢谢

以上是关于上传照片并将其作为 json 对象发送的主要内容,如果未能解决你的问题,请参考以下文章

android捕获照片并将其保存在图像视图中并发送彩信?

使用 php sdk 发表照片评论

Firebase Auth:我想获取当前用户个人资料照片并将其上传到 Firebase 数据库或存储

在vue.js中上传照片和其他表单内容一起使用。

如何将过滤器应用于照片并将其保存到数据库 php css javascript

如何从测试用户那里检索 Facebook 照片?