Question

我正在尝试将图像存储到本地文件系统中。之后，我需要使用javascript中的这个图像挂载一个html。

到目前为止，我正在使用servlet获取图像，并且它实际上正在工作，因为我可以在我的JSP中显示图像<img width="120" src="<%=IncVars.getParameter("ruta0")%>myImageServlet">

public class MyImageServlet extends HttpServlet {

protected void doGet(HttpServletRequest request,
        HttpServletResponse response) throws ServletException, IOException {
    //get the file image
    File image = IncFunctions.getLogoFile();

    // Get content type
    String contentType = getServletContext().getMimeType(image.getName());

    // Init servlet response.
    response.reset();
    response.setContentType(contentType);
    response.setHeader("Content-Length", String.valueOf(image.length()));
    // Write image content to response.
    Files.copy(image.toPath(), response.getOutputStream());
}
//...
}

我正在尝试从js函数中安装html，但我找不到在js函数中使用此图像生成html的方法：

 function mountTicket(text, idControl, servletPath){
     document.getElementById(idControl).innerHTML = parseTicket(texto, imagePath);
     window.print();
 }

function parseTicket(texto, servletPath){

var textHtml = "";

 //Call the servlet
 $.get(servletPath, function(data) {
     textoHtml = "<img  width='120' src=" + data + "/>";
     textoHtml += "<br />";
 });    

  //..


  textoHtml += "<div";
  if (estilo != ""){
  textoHtml += " style=\"" + estilo + "\"";
  }         

  textoHtml += ">" + contenido + "</div>";  

  return textoHtml;
}

来自servlet的数据var是字节，似乎js不知道如何解释它。我也试图传递图像的路径，让我们说“C：\ myDirectory \ myImage.png”，但正如我所料，它无法找到并显示它。

任何帮助将不胜感激。提前谢谢。

Answer 1

答案比我想象的要容易。我不需要从我的js代码调用servlet，我只需要添加带有servlet路径的图像。像这样：

textoHtml  = "<div><img src='" + servletPath + "'> </div>" ;

浏览器将显示图像。

希望它可以帮助有类似“问题”的人

从javascript获取本地文件系统的图像

1 个答案: