为什么我的图像不会从我的java servlet加载?
问题描述:
我通过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
答
发送图像为Base64将是最糟糕的事情在这里,你刚才得到的图像,并使用ImageIO
类保存在服务器上的本地系统,并当然作为一个名字(可能是随机的)。
首先,你必须保存的数据如下,服务器系统 /root/image_folks/trejon_house7222015-0342.jpeg
其中名称是随机的或任何东西。
然后通过json响应将图像名称作为一个简单的字符串响应客户端,客户端将简单地要求获取图像(如/get-image?id=trejon_house7222015-0342
)的cgi/servlet /get-image
。
现在有一个简单的servlet,它载入服务器本地文件并将其响应给客户端,但不要忘记指定MIME类型