MultipleUploadSample.java

/*
 * Copyright 2010 Manuel Carrasco Moñino. (manolo at apache/org)
 * http://code.google.com/p/gwtupload
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not
 * use this file except in compliance with the License. You may obtain a copy of
 * the License at
 *
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
 * License for the specific language governing permissions and limitations under
 * the License.
 */
package gwtuploadsample.client;

import com.google.gwt.core.client.EntryPoint;
import com.google.gwt.dom.client.Style;
import com.google.gwt.dom.client.Style.Unit;
import com.google.gwt.event.dom.client.ClickEvent;
import com.google.gwt.event.dom.client.ClickHandler;
import com.google.gwt.user.client.ui.Button;
import com.google.gwt.user.client.ui.FlowPanel;
import com.google.gwt.user.client.ui.Hidden;
import com.google.gwt.user.client.ui.Label;
import com.google.gwt.user.client.ui.RootPanel;
import com.google.gwt.user.client.ui.Widget;

import java.util.EnumSet;

import gwtupload.client.IUploadStatus.CancelBehavior;
import gwtupload.client.dnd.IDropZone;
import gwtupload.client.IFileInput.FileInputType;
import gwtupload.client.IUploadStatus.Status;
import gwtupload.client.IUploader;
import gwtupload.client.MultiUploader;
import gwtupload.client.PreloadedImage;
import gwtupload.client.PreloadedImage.OnLoadPreloadedImageHandler;
import jsupload.client.ChismesUploadProgress;
import jsupload.client.IncubatorUploadProgress;

/**
 * <p>
 * An example of a MultiUploader panel using incubator's progress bar widget.
 * The example also uses PreloadedImage to display uploaded images
 * </p>
 *
 * @author Manolo Carrasco Moñino
 *
 */
public class MultipleUploadSample implements EntryPoint {

  // Load the image in the document and in the case of success attach it to the viewer
  private IUploader.OnFinishUploaderHandler onFinishUploaderHandler = new IUploader.OnFinishUploaderHandler() {
    public void onFinish(IUploader uploader) {
      if (uploader.getStatus() == Status.SUCCESS) {
        for (String url : uploader.getServerMessage().getUploadedFileUrls()) {
          new PreloadedImage(url, showImage);
        }
      }
    }
  };

  // A panel where the thumbnails of uploaded images will be shown
  private FlowPanel panelImages = new FlowPanel();

  // Attach an image to the pictures viewer
  private OnLoadPreloadedImageHandler showImage = new OnLoadPreloadedImageHandler() {
    public void onLoad(PreloadedImage image) {
      image.setWidth("75px");
      panelImages.add(image);
    }
  };

  public void onModuleLoad() {
    // Attach the image viewer to the document
    RootPanel.get("thumbnails").add(panelImages);

    // Create a new uploader panel and attach it to the document
    final MultiUploader defaultUploader = new MultiUploader();
    Button disable = new Button("Disable/Enable", new ClickHandler() {
      boolean b;
      public void onClick(ClickEvent event) {
        defaultUploader.setEnabled(b);
        b = !b;
      }
    });
    RootPanel.get("default").add(defaultUploader);
    RootPanel.get("default").add(disable);


    // Add a finish handler which will load the image once the upload finishes
    defaultUploader.addOnFinishUploadHandler(onFinishUploaderHandler);
    defaultUploader.setMaximumFiles(3);
    defaultUploader.setFileInputPrefix("default");
    // You can add customized parameters to servlet call
    defaultUploader.setServletPath(defaultUploader.getServletPath() + "?foo=bar");
    defaultUploader.avoidRepeatFiles(true);
    // This enables php apc progress mechanism
    defaultUploader.add(new Hidden("APC_UPLOAD_PROGRESS", defaultUploader.getInputName()));

    // FIXME(manolo): remove incubator dependency
    MultiUploader incubatorUploader = new MultiUploader(FileInputType.ANCHOR, new IncubatorUploadProgress());
    incubatorUploader.addOnFinishUploadHandler(onFinishUploaderHandler);
    incubatorUploader.setValidExtensions("jpg", "jpeg", "png", "gif");
    RootPanel.get("incubator").add(incubatorUploader);

    MultiUploader chismesUploader = new MultiUploader(FileInputType.BUTTON, new ChismesUploadProgress(false));
    chismesUploader.addOnFinishUploadHandler(onFinishUploaderHandler);
    RootPanel.get("chismes").add(chismesUploader);
    chismesUploader.getStatusWidget().setCancelConfiguration(EnumSet.of(CancelBehavior.DISABLED));

    // UiBinder
    MUpld m = new MUpld();
    RootPanel.get("uibinder").add(m);

    MultiUploader dragDropUploader = new MultiUploader(FileInputType.DROPZONE);
    dragDropUploader.addOnFinishUploadHandler(onFinishUploaderHandler);
    RootPanel.get("dropzone").add(dragDropUploader);

    Label externalDropZone = new Label();
    externalDropZone.setText("");
    externalDropZone.setSize("180px", "40px");
    externalDropZone.getElement().getStyle().setBorderStyle(Style.BorderStyle.DASHED);
    externalDropZone.getElement().getStyle().setBorderWidth(1, Style.Unit.PX);
    externalDropZone.getElement().getStyle().setPadding(10, Unit.PX);

    MultiUploader externalDragDropUploader = new MultiUploader(FileInputType.DROPZONE.withZone(externalDropZone));
    externalDragDropUploader.addOnFinishUploadHandler(onFinishUploaderHandler);
    RootPanel.get("external_dropzone").add(externalDragDropUploader);
    RootPanel.get("external_dropzone").add(externalDropZone);

    MultiUploader customDragDropUploader = new MultiUploader(
            FileInputType.CUSTOM.with(new Label("Click me or drag and drop files on me")));
    customDragDropUploader.addOnFinishUploadHandler(onFinishUploaderHandler);
    RootPanel.get("custom_dropzone").add(customDragDropUploader);

    Label customExternalDropZone = new Label();
    customExternalDropZone.setText("Drop files here");
    customExternalDropZone.setSize("180px", "40px");
    customExternalDropZone.getElement().getStyle().setBorderStyle(Style.BorderStyle.DASHED);
    customExternalDropZone.getElement().getStyle().setBorderWidth(1, Style.Unit.PX);
    customExternalDropZone.getElement().getStyle().setPadding(10, Unit.PX);
    MultiUploader customExternalDragDropUploader = new MultiUploader(
            FileInputType.CUSTOM.with((Widget)new Button("Click me or drag and drop files below")).withZone(customExternalDropZone));
    customExternalDragDropUploader.addOnFinishUploadHandler(onFinishUploaderHandler);
    RootPanel.get("custom_external_dropzone").add(customExternalDragDropUploader);
    RootPanel.get("custom_external_dropzone").add(customExternalDropZone);
  }

}