javascript - SVG 转 PNG 转 AJAX API 帖子

Question

我有一个相当大且复杂的 SVG 代码，它根据页面信息使用 JavaScript 和 jQuery 动态生成。

然后我有一个 AJAX 帖子保存。

我无法将其转换为正确发布图像数据？

var canvas = $("#canvas")[0];
var string= canvas.toDataURL("image/png");
base64=string.replace("data:image/png;base64,", "");
var rid = kRid || "";
var fileN = " Product " + rid + ".png";
var req = "";
req += "<qdbapi>";
req += "<field fid='323' filename='" + fileN + "'>" + base64 + "</field>";
req += "</qdbapi>";
$.ajax({
  type: "POST",
  contentType: "text/xml",
  dataType: "xml",
  processData: false,
  //url altered 
  url: "https://removed.quickbase.com/db/removedDBID?act=API_EditRecord&rid=" + rid,
  data: req,
  success: function(responce) {
    //auto reload page
    var str = window.location.href;
    setTimeout(function() {
      window.location.href = str;
    }, 5000);
  }
})

这个想法来自于我使用其他软件获取当前 PNG 文件并移动它们的这段代码:

$.get(url, function(xml) {
  var promises = [];
  $("record", xml).each(function() {
        var url = $("f#9 url", this).text();
        xhr.responseType = "arraybuffer";
        xhr.onload = function() {
            var arrayBuffer = xhr.response;
            var base64 = btoa([].reduce.call(new Uint8Array(arrayBuffer), function(p, c) {
              return p + String.fromCharCode(c)
            }, ''))
            var req = "";
            req += "<qdbapi>";
            req += "<field fid='6' filename='" + name + "'>" + base64 + "</field>";
            req += "<field fid='54' >" + Rid + "</field>";
            req += "<field fid='44' >" + comment + "</field>";
            req += "</qdbapi>";

...然后是 AJAX 帖子。

我无权通过 PHP 执行此操作。

Answer 1

(代表 OP 发布)。

我忘记添加 == 来标记文件结尾，所以:

var string= canvas.toDataURL("image/png");
string+="==";
base64=string.replace("data:image/png;base64,", "");

而且胡扎它有效......