jQuery ajax 似乎改变了发送到coldfusion服务器的SVG数

素材狗 2022-01-01 14:45:12 文章分类：前端问题点击数：次

文章标签

jQuery ajax seems to alter SVG data sent to coldfusion server(jQuery ajax 似乎改变了发送到coldfusion服务器的SVG数据)

本文介绍了jQuery ajax 似乎改变了发送到coldfusion服务器的SVG数据的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我正在使用 $.ajax() 将字符串发送到存储在表中的coldfusion 服务器.当我稍后查询并尝试使用该数据时，我得到一个错误；null Enclosed Exception: Invalid byte 2 of 3-byte UTF-8 sequence".

I'm using $.ajax() to send a string to a coldfusion server where it is stored in a table. When I later query and try to use that data I get an error; "null Enclosed Exception: Invalid byte 2 of 3-byte UTF-8 sequence".

首先，我从 DOM 中获取 SVG 并将其发送到操作页面.它应该只是一个字符串，对吧?

First I grab the SVG from the DOM and send it to an action page. It should just be a string, right?

var lclSVG = $('#myDiv')[0].innerHTML; // SVG Code (XML?)
$.ajax({
  url: "myAction.cfm",
  type: "POST",
  data: ({myInfo: lclSVG}),
});

在 myAction.cfm 页面上，我将数据更新到表格中.

On the myAction.cfm page I update the data into a table.

<CFQUERY NAME="postSVG">
  UPDATE myTable
  SET svg = '#form.myInfo#' 
  WHERE  ID = 1
</CFQUERY>

SVG2PNG.cfm:当我尝试查询和使用 svg 数据时，我收到错误3 字节 UTF-8 序列的字节 2 无效".错误发生在 .transcode 行.

SVG2PNG.cfm: When I attempt to query and use the svg data I get an error "Invalid byte 2 of 3-byte UTF-8 sequence". The error occurs on the .transcode line.

<CFQUERY NAME="getSVG">
  SELECT svg
  FROM myTable
  WHERE  ordID = 1
</CFQUERY>
<cfset svg = getSVG.svg>
<cfscript>
  transcoder = createObject("java", "org.apache.batik.transcoder.image.PNGTranscoder").init();
  inputStream = createObject("java", "java.io.StringBufferInputStream").init(svg);
  input = createObject("java", "org.apache.batik.transcoder.TranscoderInput").init(inputStream);
  OutFile = expandPath("myTest2.png");
  outputStream=CreateObject("java", "java.io.FileOutputStream").init(OutFile);
  output=CreateObject("java", "org.apache.batik.transcoder.TranscoderOutput").init(outputStream);
  transcoder.transcode(input, output);
  outputStream.close();
</cfscript>

我已经多次使用 jQuery 的 ajax 方法，没有太大的困难.我在这里做错了，我似乎无法处理它......

I've used jQuery's ajax method several times without much difficulty. I'm doing something wrong here and I can't seem to get a handle on it...