Java 在struts 2.3中上载之前预览图像

我想使用struts2上传数据库中的文件，但问题是我想在同一页面上选择照片时显示照片

图像将显示程序的这些部分

index.jsp

  <s:form action="UploadAction.action" enctype="multipart/form-data">
    <s:textfield name="ename" required="true" label="Emp Name" />
    <s:file name="photo" label="Photo" required="true" />
    <s:submit value="U P L O A D" />

</s:form>

Photo.java

  public class Photo extends HttpServlet {
private static final long serialVersionUID = 1L;

protected void service(HttpServletRequest request, HttpServletResponse response)
        throws ServletException, IOException {

    String empno = request.getParameter("e");
    try {
        ResultSet rs = com.db.Admin.getPhoto(empno);
        if (rs.next()) {
            Blob ph = (Blob) rs.getBlob(1);
            byte data[] = ph.getBytes(1, (int) ph.length());
            ServletOutputStream out = response.getOutputStream();
            out.write(data);
        }
    } catch (Exception e) {
        e.getMessage();
    }
}

}

Admin.java

  public static String addemp(String ename, String photo) {
    try {
        CallableStatement cs = connect().prepareCall("{call addEmp(?,?,?)}");

        cs.setString(1, ename);
        FileInputStream r = new FileInputStream(photo);
        cs.setBinaryStream(2, r);
        cs.registerOutParameter(3, Types.VARCHAR);
        cs.execute();
        return cs.getString(3);
    } catch (Exception e) {
        return e.getMessage();
    }
}

public static ResultSet getData() throws Exception {
    return connect().prepareCall("{call getData()}").executeQuery();
}

public static ResultSet getPhoto(String empno) throws Exception {
    CallableStatement cs = connect().prepareCall("{call getPhoto(?)}");
    cs.setString(1, empno);
    return cs.executeQuery();
}

---

}这应该通过一些javascript代码来完成

<img id="imagePlaceHolder" alt="your image" width="100" height="100" />
<s:file name="photo" label="Photo" required="true"  
    onchange="document.getElementById('imagePlaceHolder').src = window.URL.createObjectURL(this.files[0])" 
/>

---

您可以在

找到更多解决方案，我想onchange应该在file元素上，而不是在textfield上one@AndreaLigios修正，谢谢：）

<img id="imagePlaceHolder" alt="your image" width="100" height="100" />
<s:file name="photo" label="Photo" required="true"  
    onchange="document.getElementById('imagePlaceHolder').src = window.URL.createObjectURL(this.files[0])" 
/>