我通过python连接到IP Cam并在Java servlet中运行该脚本。然后我使用Java加载每个图像,并将其转换为具有base64编码的字节数组。最后,我通过AJAX通过JSON对象请求这些数据。我没有收到任何错误,但图像也没有出现。为什么我的图像不会从我的java servlet加载?
的JavaScript:
$().ready(callToServer);
function callToServer(){
$.ajax({
type:"GET",
url:"DroneServlet.do",
async:true,
data: null,
dataType:"json",
success: drawImage,//function to do is success
error: badRequest//function to do is error
});
setTimeout(callToServer,5000);
}
function toArray(str){
var i;
var bytes=[];
for(i=0;i<str.length;i++)
{
bytes.push(str.charAt(i));
}
return bytes;
}
function badRequest(){
console.log("failed");
}
function drawImage(json)
{
var img = json.imgData[0].imageToDisplay;
var biStr=toArray(img);
var data = biStr.join('');
//var base64 = window.btoa(data);
document.getElementById("dynamic").src = "data:image/jpeg;base64," + data;
}
Java代码片段:
byte[] imgData = PythonRunner.grabPhotoBytes();//loads single image and convert to byte[]
JSONObject jsonResponse = new JSONObject();
JSONArray jsonArray = new JSONArray();
JSONObject img = new JSONObject();
String encodedImg = Base64.encodeBase64String(imgData);
img.put("imageToDisplay", encodedImg);
jsonArray.add(img);
jsonResponse.put("imgData", jsonArray);
out.println(jsonResponse.toJSONString() ); // send the WeatherData collection in JSON format