GWT显示从servlet指定的图像

时间:2011-06-25 22:12:41

标签: gwt servlets gwt-rpc

我使用servlet访问Web容器外部的文件夹,以使用GWT将一些图形加载到Web应用程序。我在servlet中使用以下代码片段来测试这个想法:

        String s = null;
        File inputFile = new File("C:\\Documents and Settings\\User\\My Documents\\My Pictures\\megan-fox.jpg");
        FileInputStream fin = null;
        try {
            fin = new FileInputStream(inputFile);
        } catch (FileNotFoundException e) {
            e.printStackTrace();
        }
        byte c[] = new byte[(int) inputFile.length()];
        try {
            fin.read(c);
        } catch (IOException e) {
            e.printStackTrace();
        }
        try {
            fin.close();
        } catch (IOException e1) {
            e1.printStackTrace();
        }

        String imgFolderPath = getServletContext().getRealPath("/")+"img";
        File imgFolder = new File(imgFolderPath);
        imgFolder.mkdir();

        File newImage = new File("megan-fox.jpg");
        FileOutputStream fout = null;
        try {
            fout = new FileOutputStream(newImage);
        } catch (FileNotFoundException e) {
            e.printStackTrace();
        }
        try {
            fout.write(c);
        } catch (IOException e) {
            e.printStackTrace();
        }
        try {
            fout.close();
        } catch (IOException e) {
            e.printStackTrace();
        }
        boolean success = newImage.renameTo(new File(imgFolderPath, newImage.getName()));

servlet中的代码从硬盘中指定的文件夹中读取图像文件,在war文件夹中创建一个名为“img”的新文件夹,并将jpg文件复制到其中。然后它返回客户端图像的路径(现在硬编码为'/img/megan-fox.jpg')。 然后,客户端使用GWT中的Image类和返回的路径字符串来显示图像,如下面的代码片段所示:

public void onSuccess(String result) {
    String myImage = result;
    image = new Image(myImage);
    RootPanel.get().add(image);
    closeButton.setFocus(true);
}

我需要知道是否有办法实现相同的结果而不使用在Web容器根目录(可选)中创建文件夹的“中间”步骤,并在那里复制文件以使用Image GWT类访问它并显示它?

updated:原始的servlet类。

public class GreetingServiceImpl extends RemoteServiceServlet implements
        GreetingService {

    // This method is called by the servlet container to process a GET request.
    public void doGet(HttpServletRequest req, HttpServletResponse resp) throws IOException {
        // Get the absolute path of the image
        ServletContext sc = getServletContext();
            // i want to load the image in the specified folder (outside the web container)
        String filename = sc.getRealPath("C:\\Documents and Settings\\User\\My Documents\\My Pictures\\megan-fox.jpg");

        // Get the MIME type of the image
        String mimeType = sc.getMimeType(filename);
        if (mimeType == null) {
            sc.log("Could not get MIME type of "+filename);
            resp.setStatus(HttpServletResponse.SC_INTERNAL_SERVER_ERROR);
            return;
        }

        // Set content type
        resp.setContentType(mimeType);

        // Set content size
        File file = new File(filename);
        resp.setContentLength((int)file.length());

        // Open the file and output streams
        FileInputStream in = new FileInputStream(file);
        OutputStream out = resp.getOutputStream();

        // Copy the contents of the file to the output stream
        byte[] buf = new byte[1024];
        int count = 0;
        while ((count = in.read(buf)) >= 0) {
            out.write(buf, 0, count);
        }
        in.close();
        out.close();
    }

    // This is the method that is called from the client using GWT-RPC
    public String greetServer(String input) throws IllegalArgumentException {
        HttpServletRequest req = this.getThreadLocalRequest();
        HttpServletResponse res = this.getThreadLocalResponse();
        try {
            doGet(req, res);
        } catch (IOException e) {
            e.printStackTrace();
        }
        // actually i dont know what that means but i thought i would have to returned something like the image's url?
        return res.encodeURL("/img/image0.png"); 
    }
}

我在逻辑上误用了为解决我的问题而提出的方法。什么是正确的方法?

1 个答案:

答案 0 :(得分:1)

当然,让你的servlet直接提供图像:

  1. Content-Type标题设置为image/jpeg
  2. 将图像文件内容写出到servlet响应编写器。
  3. 这是an example