Основная загрузка файлов в GWT - PullRequest
45 голосов
/ 10 июля 2009

Я пытаюсь понять, как загрузить один файл, используя виджет GWTs FileUpload. Я использую GWT и Google AppEngine с Java, но я хотел бы загрузить файл на свой собственный сервер Linux. У меня уже есть следующий код, но теперь я не могу понять, как отправить свой файл на сервер Google AppServer и сохранить его на другом сервере:

public class FileUploader{

    private ControlPanel cp;
    private FormPanel form = new FormPanel();
    private FileUpload fu =  new FileUpload();

    public FileUploader(ControlPanel cp) {
        this.cp = cp;
        this.cp.setPrimaryArea(getFileUploaderWidget());
    }

    @SuppressWarnings("deprecation")
    public Widget getFileUploaderWidget() {
        form.setEncoding(FormPanel.ENCODING_MULTIPART);
        form.setMethod(FormPanel.METHOD_POST);
        // form.setAction(/* WHAT SHOULD I PUT HERE */);

        VerticalPanel holder = new VerticalPanel();

        fu.setName("upload");
        holder.add(fu);
        holder.add(new Button("Submit", new ClickHandler() {
            public void onClick(ClickEvent event) {
                GWT.log("You selected: " + fu.getFilename(), null);
                form.submit();
            }
        }));

        form.addSubmitHandler(new FormPanel.SubmitHandler() {
            public void onSubmit(SubmitEvent event) {
                if (!"".equalsIgnoreCase(fu.getFilename())) {
                    GWT.log("UPLOADING FILE????", null);
                                        // NOW WHAT????
                }
                else{
                    event.cancel(); // cancel the event
                }

            }
        });

        form.addSubmitCompleteHandler(new FormPanel.SubmitCompleteHandler() {
            public void onSubmitComplete(SubmitCompleteEvent event) {
                Window.alert(event.getResults());
            }
        });

        form.add(holder);

        return form;
    }
}

Теперь, что мне нужно делать дальше? Что мне нужно поместить в web.xml и как мне написать свой сервлет, чтобы я мог хранить файл и возвращать URL этого объекта (если это возможно)

Ответы [ 5 ]

57 голосов
/ 10 июля 2009

Вот код из моего приложения:

1) Я создал класс для приема http-запроса:

import java.io.ByteArrayOutputStream;
import java.io.IOException;
import java.io.InputStream;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet; 
import javax.servlet.http.HttpServletRequest; 
import javax.servlet.http.HttpServletResponse; 
import org.apache.commons.fileupload.FileItemIterator; 
import org.apache.commons.fileupload.FileItemStream; 
import org.apache.commons.fileupload.servlet.ServletFileUpload; 

public class FileUpload extends HttpServlet{
    public void doPost(HttpServletRequest request, HttpServletResponse response)  throws ServletException, IOException {
        ServletFileUpload upload = new ServletFileUpload();

        try{
            FileItemIterator iter = upload.getItemIterator(request);

            while (iter.hasNext()) {
                FileItemStream item = iter.next();

                String name = item.getFieldName();
                InputStream stream = item.openStream();


                // Process the input stream
                ByteArrayOutputStream out = new ByteArrayOutputStream();
                int len;
                byte[] buffer = new byte[8192];
                while ((len = stream.read(buffer, 0, buffer.length)) != -1) {
                    out.write(buffer, 0, len);
                }

                int maxFileSize = 10*(1024*1024); //10 megs max 
                if (out.size() > maxFileSize) { 
                    throw new RuntimeException("File is > than " + maxFileSize);
                }
            }
        }
        catch(Exception e){
            throw new RuntimeException(e);
        }

    }
}

2) Затем в своем файле web.xml я добавил следующие строки:

<servlet>
    <servlet-name>fileUploaderServlet</servlet-name>
    <servlet-class>com.testapp.server.FileUpload</servlet-class>
</servlet>
<servlet-mapping>
  <servlet-name>fileUploaderServlet</servlet-name>
  <url-pattern>/testapp/fileupload</url-pattern>
</servlet-mapping>

3) И для form.action сделал это:

form.setAction(GWT.getModuleBaseURL()+"fileupload");
11 голосов
/ 30 июля 2010

Я бы предложил использовать GWTUpload , потому что его очень просто использовать и расширять. Вы можете добавить его в свой проект менее чем за 10 минут, и он поддерживает GAE прямо из коробки (используя GWTUpload-GAE). См. examples для некоторых распространенных сценариев использования.

5 голосов
/ 12 августа 2009

В GWT вы можете отправить файл на сервер, используя методы http-формы, и вы должны использовать прилагаемый HttpServlet, чтобы принимать и сохранять данные в виде двоичных блогов в Appengine BigTable.

Затем вам понадобится второй HttpServlet, чтобы прочитать файл из bigtable, УСТАНОВИТЬ ТИП MIME В HTTP-заголовке {и параметры кэширования}, а затем передать файл пользователю.

Хотя RPC НЕ ОБЯЗАТЕЛЬНО необходим, вы должны сообщить клиенту, что такое сгенерированный fileId, чтобы он мог получить к нему доступ (если вы не хотите, чтобы пользователь предоставил идентификатор и заставлял их беспокоиться о переопределениях имен ... .. .ick}. Либо вы можете использовать rpc для запроса списка / одного идентификатора {например, «нового идентификатора файла по пользователю»}, либо вы можете вернуть этот идентификатор в теле ответа UploadServlet ... но тогда вы должны убедиться, что ваша цель записи это встроенный iframe, опрос, чтобы убедиться, что iframe имеет тело между событием submit и фактическим ответом сервера, а затем проанализировать и использовать этот идентификатор в gwt, чтобы создать тег img или object, который использует файл.

Ключевой частью является один сервлет для загрузки, а другой для загрузки. Помните, BigTable просто хранит двоичные двоичные объекты, поэтому вам также необходимо, чтобы у вашего объекта данных был тип MIME / Content, который можно прочитать из входного файла {никогда не полагайтесь на расширения файлов!}. Кроме того, в BigTable для каждой сущности имеется 1 МБ, а для бесплатных учетных записей - лимит запросов в 10 МБ. Возможно, вы захотите, чтобы ваш объект данных содержал список из 1-10 больших двоичных объектов, каждый из которых имеет максимальный размер 1024 байта.

По сути, вам лучше всего найти рабочую бесплатную копию, такую ​​как Google File Service, и расширить ее, чтобы узнать, как работает система.

Если хотите, я опубликую свою собственную версию обработки файлов с открытым исходным кодом, как только закончу виджеты управления gwt и смогу считать все это достаточно стабильным, чтобы быть полезным для всех. Электронная почта x AT aiyx DOT информация, если вы хотите, чтобы я отправил вам банку с предательским кодом.

2 голосов
/ 09 июля 2012

Если вы уже не используете другие фреймворки, я настоятельно рекомендую использовать простой ванильный GWT и его нативные компоненты. Если вы используете другие фреймворки, вы можете значительно увеличить размер вашего приложения.

Использование собственных компонентов можно выполнить в 3 этапа:

  1. Создать сервлет загрузки файлов
  2. Изменить web.xml
  3. Сделать форму загрузки GWT

Интересно, что часть GWT самая простая. Вы можете скопировать мой код на Загрузка GWT в 3 простых шага , если хотите. Удачной загрузки!

1 голос
/ 09 апреля 2013

Здесь вы идете с полной GWT-загрузкой файла с индикатором прогресса

enter image description here

Здесь вы можете СКАЧАТЬ источник

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...