javascript - 尝试在查询参数中发送 base64 图像字符串时收到 400 Bad Request？

Question

尝试为查询参数中的图像发送 base64 字符串，并收到 400 错误请求。 尝试了以下操作:-

通过堆栈溢出这个问题。 据此，chrome 可以在 URL 中包含比我作为 imageBytes(29527 个字符)发送的字符更多的字符，

What is the maximum possible length of a query string ?

以下问题中的说明也没有帮助

Passing base64 encoded strings in URL ?

这是我的代码

如果我发送一个像这样的硬编码字符串来代替 form.imageBytes，它会工作正常

$scope.submit = function(){
  var form = {};
  form.name = document.getElementById("recipient-name").value;
  form.desc = document.getElementById("message-text").value;
  form.owner = document.getElementById("message-text2").value;
  form.imageBytes = $scope.asdf;

  var data = JSON.stringify(form);

    debugger;
    var postString = "http://cos1plp:7030/tcw/interestgroup/addInterestGroups?name="+form.name+"&desc="+form.desc+"&owner="+form.owner+"&imageBytes="+form.imageBytes;

    $http.post(postString)

        .success(function (data, status, headers, config) {
        $scope.headers = headers();
        console.log('Response Headers:' + headers());
        })

        .error(function (data, status, headers, config) {
        $scope.headers = headers();
        });

}

Answer 1

Base64字符串可以包含特殊字符，即+/=符号。您需要将它们编码为有效的 url 字符串。尝试将此添加到您的代码中:

data = data.replace(/\+/g, '%2B');
data = data.replace(/\//g, '%2F');
data = data.replace(/\=/g, '%3D');