Question

这不能再占用我的时间了。我现在试图解决这个问题很长时间了。

我会告诉你我的整个场景，然后问题是什么。

我有这个网站。在一个页面上，用户可以在三种图像输入类型之间进行选择。

这是一个单选按钮组：

o Twitter Logo
o Twitter Profile Picture
o Upload picture

如果用户选择选项1或2，则使用本地项目文件（http://localhost:9000/public/images/image.png）更新img标记src，并且此图像src存储在html5 Web会话存储变量中。

如果用户选择选项3，他/她可以从他们的计算机中选择一个文件（输入类型=“文件”出现在收音机组下面），并使用此图像更新img标签src。这次，我将存储在会话变量中的src将不是文件的路径（我知道这是出于安全原因），但src将是base64字符串。如果用户选择一个大图像，这是一个非常大的。

所以现在我将这个图像存储在会话变量中，或者是项目文件夹中包含的图像文件的路径，或者是base64编码的图像。

我现在要做的是从JavaScript中的会话变量中获取此值。我想将此图像传递给服务器端的代码。为了制作它的实际图像并将其上传到地方，但这部分并不是必需的。

我的问题是在JavaScript中，我无法通过使用$.ajax的POST传递此信息。我认为base64字符串太大了，我无法弄清楚如何将其转换为其他字符串，比如一个byte []。

我该怎么办？我想将用户选择的图像传递给服务器端以进行进一步处理。然后在服务器端，我想将其转换为实际的Image对象，或BufferedImage。

这是现在看起来的代码块：

function gatherSessionValuesAndGenerateCode(userEmail) {
var email           = userEmail;
var category        = getSessionValue("category");
var itemName        = getSessionValue("itemName");
var service         = getSessionValue("service");
var accountName     = getSessionValue("accountName");
var action          = getSessionValue("action");
var imageType       = getSessionValue("imageType");
var imageFile       = getSessionValue("imageFile");
var expirationDate  = getSessionValue("expirationDate");



$.ajax({
    type: "POST",
    url: "http://localhost:9000/quikkly/business/create/generate",
    data: {
        email: email,
        category: category,
        itemName: itemName,
        service: service,
        accountName: accountName,
        action: action,
        imageType: imageType,
        imageFile: imageFile, //This is making me feel ill, don't know how to solve it.
        expirationDate: expirationDate

    },
    success: function(response){console.log("Horayyy "+response)}
});
}

Answer 1

好吧我明白了你的观点，但我想说的可能是你的字符串包含20K字符，但我不认为它可以大于2-3 Mb我希望你的服务器设置允许你发布数据大小2-3 MB。

除此之外，我认为将图像路径名称放在base_64中并不是一个好主意。如果您认为有人可以从您的视频中提取数据，那么他/她可以使用您完整的网站概念做任何事情。

因为即使您在网页上显示某些图像，任何人都可以看到图像路径。

如果您认为自己不想在路径中使用路径，则可以将其保存在键值对中的某个文件中，或者将其保存在数据库中。

或者您可以再做一件事，只需将图像文件名保留在您的视频数据中即可。如果要在服务器端内部使用它，请在前面添加确切的路径。

在javascript中将base64图像转换为文件或如何使用jquery ajax传递一个大的base64字符串

1 个答案: