Как использовать jQuery File Upload (версия Basic Plus UI) - PullRequest
0 голосов
/ 25 апреля 2018

Я пытаюсь использовать плагин jQuery File Upload (версия Basic Plus UI) в моем проекте JEE, и я следовал приведенным ниже инструкциям:

Использование загрузки файлов jQuery (версия пользовательского интерфейса) с пользовательским обработчиком загрузки на стороне сервера

1.Внедрите обработчик выгрузки файлов на вашей платформе (Ruby, Python, Java и т. Д.), Который обрабатывает обычные загрузки файлов на основе форм и загружает их на ваш сервер. См. Также разделы, посвященные серверам, на домашней странице документации.
2. Загрузите и распакуйте архив плагина.
3. Отредактируйте файл main.js и настройте параметр URL в соответствии с URL-адресом вашего собственного обработчика загрузки файлов. В качестве альтернативы вы можете удалить опцию url и отредактировать index.html и настроить атрибут действия элемента HTML-формы на URL-адрес вашего пользовательского обработчика загрузки файлов. Если ваш обработчик загрузки требует другое имя параметра для загрузки файла, чем файлы [], вам также необходимо настроить атрибут имени входного файла или установить параметр paramName (см. Документацию по параметрам).
4. Загрузите папку jQuery-File-Upload на свой веб-сайт.
5. Расширьте свой пользовательский обработчик загрузки на стороне сервера, чтобы получить ответ JSON, похожий на следующий вывод:

Теперь о шаге 3

3. Отредактируйте файл main.js и настройте параметр URL в соответствии с URL-адресом вашего пользовательского обработчика загрузки файлов.

Поскольку я использую Apache Tomcat 7.0.34.0 в Netbeans, что мне следует редактировать в файле main.js?

Вот файл main.js:

/*
 * jQuery File Upload Plugin JS Example
 * https://github.com/blueimp/jQuery-File-Upload
 *
 * Copyright 2010, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * https://opensource.org/licenses/MIT
 */

/* global $, window */

$(function () {
'use strict';

// Initialize the jQuery File Upload widget:
$('#fileupload').fileupload({
    // Uncomment the following to send cross-domain cookies:
    //xhrFields: {withCredentials: true},
    url: 'server/php/'
});

// Enable iframe cross-domain access via redirect option:
$('#fileupload').fileupload(
    'option',
    'redirect',
    window.location.href.replace(
        /\/[^\/]*$/,
        '/cors/result.html?%s'
    )
);

if (window.location.hostname === 'blueimp.github.io') {
    // Demo settings:
    $('#fileupload').fileupload('option', {
        url: '//jquery-file-upload.appspot.com/',
        // Enable image resizing, except for Android and Opera,
        // which actually support image resizing, but fail to
        // send Blob objects via XHR requests:
        disableImageResize: /Android(?!.*Chrome)|Opera/
            .test(window.navigator.userAgent),
        maxFileSize: 999000,
        acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i
    });
    // Upload server status check for browsers with CORS support:
    if ($.support.cors) {
        $.ajax({
            url: '//jquery-file-upload.appspot.com/',
            type: 'HEAD'
        }).fail(function () {
            $('<div class="alert alert-danger"/>')
                .text('Upload server currently unavailable - ' +
                        new Date())
                .appendTo('#fileupload');
        });
    }
} else {
    // Load existing files:
    $('#fileupload').addClass('fileupload-processing');
    $.ajax({
        // Uncomment the following to send cross-domain cookies:
        //xhrFields: {withCredentials: true},
        url: $('#fileupload').fileupload('option', 'url'),
        dataType: 'json',
        context: $('#fileupload')[0]
    }).always(function () {
        $(this).removeClass('fileupload-processing');
    }).done(function (result) {
        $(this).fileupload('option', 'done')
            .call(this, $.Event('done'), {result: result});
    });
}

});

Спасибо

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