上傳GWT中的裁剪圖像

Question

我正在開發一個Web應用程序，用戶選擇一個圖像，對其進行裁剪並最終將其上傳到服務器。因此，與一個FileUpload控件，我允許用戶選擇圖像源，獲得其路徑，並與構造

Image(java.lang.String url, int left, int top, int width, int height); 

我得到裁剪後的圖像對象。

但現在，我不知道如何上傳到服務器的圖像。有人知道解決方案嗎？

Answer 1

你可以找到一個很好的例子，如何上傳文件到服務器here。

編輯

你需要做的是將圖像上傳到服務器，在客戶端檢索它，做視覺上的裁剪客戶端，發送裁剪參數到服務器，最後做實際在服務器中裁剪。這是我能做到它開始從項目上面提到的：

vPanel.add(new Button("Submit", new ClickHandler() { 
    public void onClick(ClickEvent event) { 
      form.submit(); 
    } 
})); 

一旦用戶選擇圖像，我們用的FileUpload上傳，並在服務器上我們把它保存在一個目錄：

List<FileItem> items = fileUpload.parseRequest(request); 
Iterator<FileItem> iter = items.iterator(); 
while (iter.hasNext()) { 
    FileItem item = (FileItem) iter.next();  
    File file = new File(<images-path>,fileName); 
    Streams.copy(item.getInputStream(),new FileOutputStream(file), true);   
} 

，我們需要有一個服務來獲取上傳的圖片，所以我們增加一個servlet，需要一個GET方法，並返回圖像：當上載已

protected void doGet(HttpServletRequest req, 
     HttpServletResponse resp) throws ServletException, 
     IOException 
{ 
    resp.setContentType("image/jpeg"); 
    ServletOutputStream out = resp.getOutputStream(); 
    BufferedInputStream bis= new BufferedInputStream(new FileInputStream(<images-path>+req.getParameter("name"))); 
    BufferedOutputStream bos = new BufferedOutputStream(resp.getOutputStream()); 
    int ch; 
    while((ch=bis.read())!=-1) 
    { 
     bos.write(ch); 
    } 
    bis.close(); 
    bos.flush(); 
    bos.close(); 
    out.close(); 
} 

返回到客戶端完成後，我們希望檢索上傳圖像的副本，以便添加表單提交處理程序。我用這gwt cropping library的視覺步：

form.addSubmitCompleteHandler(new FormPanel.SubmitCompleteHandler() 
{ 
    public void onSubmitComplete(SubmitCompleteEvent event) 
    { 
     Element label = DOM.createLabel(); 
     label.setInnerHTML(event.getResults()); 
     String result = label.getInnerText(); // result contains the name of the image in the server 
     final GWTCropper crop = new GWTCropper(GWT.getModuleBaseURL()+"image?name="+result); 
     crop.setAspectRatio(1); 
     vPanel.add(crop); 
    } 
} 

現在我們要添加一個裁剪服務，讓實際種植在我使用RCP服務做服務器發生：

public class CropServiceImpl extends RemoteServiceServlet implements CropService { 
    public Boolean crop(String name, int x, int y, int width, int height) 
    { 
     try 
     { 
      BufferedImage outImage = ImageIO.read(new File("<images-path>"+name)); 
      BufferedImage cropped = outImage.getSubimage(x, y, width, height); 
      ImageIO.write(cropped, "jpg", new File("<images-path>","cropped"+name)); 
      return true; 
     } 
     catch (IOException e) 
     { 
      e.printStackTrace(); 
     } 
     return false; 
    } 
} 

最後，返回到客戶端，我們調用該方法，我們從裁剪得到的參數的按鈕操作中：

vPanel.add(new Button("Crop", new ClickHandler() 
{ 
    public void onClick(ClickEvent event) 
    { 
     cropService.crop(getName(), (int) crop.getSelectionXCoordinate(), 
       (int) crop.getSelectionYCoordinate(), (int) crop.getSelectionWidth(), 
       (int) crop.getSelectionHeight(), new AsyncCallback<Boolean>() 
       { 
        public void onFailure(Throwable arg0) 
        { 
         // something went wrong with the call 
        } 
        public void onSuccess(Boolean arg0) 
        { 
        if (arg0) 
         { 
          // the cropped file now lives in the server 
         } 
         else 
         { 
          // an error happened in the server 
         } 
        } 
       }); 
    } 
})); 

和你去，比較遺憾的是龍埔聖，希望它有幫助。