Четверг, 14.12.2017, 16:10
RR - StUdIo___Добро Пожаловать Шамкир Гес___StUdIo...RR
Гипер-Софт
Главная Регистрация Вход
Приветствую Вас, гости · RSS
SamirMM Studio"RR" WWW.GES.MOY.SU
  
  Ключи и пин-коды
FIFA, Steam: случайные, Counter-Strike, Playstation Network, Hearthstone: Heroes of Warcraft, World of Warcraft, Xbox LIVE (Microsoft Points), Prepaid Credit Card, Far Cry, Assassin´s Creed, Diablo 3, Middle-earth: Shadow of Mordor, ...
  Электронные книги
Контрольные работы, Музыка, ноты, тексты песен, В помощь студенту, Фэнтази, Физика, История, Государство и право, Математика, Магия, оккультизм, мистика, Творческие личности, Рукоделие, Экономика, ...
  Цифровые товары
Игровые аккаунты, Аккаунты PSN, Аккаунты Xbox, iTunes & App Store, Telonko.ru, Приглашения /инвайты, Разное, Skype-аккаунты, Видео и аудиокурсы, уроки, Google Play, Анонимные прокси, Базы данных, ...
  Программное обеспечение
Разблокировка телефонов, Антивирусы, Принтеры, Программы > MMORPG, Программы для сотовых телефонов, Шифрование, Windows, Спортивные, SEO скрипты, Советники, Стратегии, Mногофункциональные утилиты, ...
[ Новые сообщения · Участники · Правила форума · Поиск · RSS ]
Страница 1 из 11
Модератор форума: ges 
форум для всех » Все для web мастера » Скрипты » jQuery-File-Upload API (Загрузка файла на другой сервер получит ссылку c jquery api)
jQuery-File-Upload API
gesДата: Вторник, 11.12.2012, 00:25 | Сообщение # 1
Administrator
Группа: Администраторы
Сообщений: 297
Статус: Offline
[gray]

[red]jQuery-File-Upload API Функции и примеры [/red]

Инициализация.......

Основные инициализации виджета загрузки файлов является вызовом FileUpload метод JQuery коллекции(jQuery collection) с целевой элемент HTML:
(target HTML element:)

Code
$('#fileupload').fileupload();


Целевой элемент, как правило, элемент контейнера проведения загрузки файла формы,
или загрузка файлов сама форма, но она также может быть просто элементом входным файлом себе,
если URL-адрес предоставляется в качестве параметра опции.

Этот метод принимает объекта в качестве первого аргумента,
который позволяет инициализировать виджет с различными вариантами:
Code

$('#fileupload').fileupload({
        url: '/path/to/upload/handler.json',
        sequentialUploads: true
});


Данные атрибуты (Data attributes)

Это виджета можно инициализировать загрузка файлов с помощью HTML5 атрибуты данных:

Code

<input id="fileupload" type="file" name="files[]" multiple
        data-url="/path/to/upload/handler.json"
        data-sequential-uploads="true"
        data-form-data='{"script": "true"}'>


Code

/* Инициализация виджета загрузки файлов с
{
        url: '/path/to/upload/handler.json',
        sequentialUploads: true,
        formData: {script: true}
}
*/
$('#fileupload').fileupload();



опции

Это параметры можно изменить после инициализации виджета:

Code

$('#fileupload').fileupload(
        'option',
        'url',
        '/path/to/upload/handler.json'
);


Если значение не указано, то вариант метода выступает в качестве получателя:

Code

var dropZone = $('#fileupload').fileupload(
       'option',
       'dropZone'
);


Несколько опций могут быть установлены сразу на предоставление объекта в качестве второго параметра:

Code

$('#fileupload').fileupload(
       'option',
       {
           url: '/path/to/upload/handler.json',
           sequentialUploads: true
       }
);


деинициализация.....

Чтобы удалить файл загрузки, виджета функциональность узла элемента, вызовите метод уничтожения:
Code

$('#fileupload').fileupload('destroy');


Также будут удалены добавленную обработчики событий.

Включение / отключение

В других виджетов на основе JQuery UI Widget, виджет загрузки файлов может быть отключено / включено:

Code

$('#fileupload').fileupload('disable');


Code

$('#fileupload').fileupload('enable');


Программные загрузка файлов

Обычно загрузка файлов вызываются путем выбора файлов с помощью файла кнопки ввода или добавление файлов в рабочую зону.

Однако это также можно загружать файлы программно для браузеров с поддержкой добавления XHR файла (см. Поддержка браузера):

Code

$('#fileupload').fileupload('add', {files: filesList});


Второй аргумент должен быть объект массивом (или массив типа список) файлов или Blob объектов, как файлы свойств.

Другие свойства позволяют переопределить опции для загрузка файлов, например,URL загрузки:

Code

$('#fileupload').fileupload('add', {files: filesList, url: '/path/to/upload/handler.json'});


Метод Add добавления файлов, добавив их в очередь загрузки, так же,
как файлы добавляются с помощью кнопки входным файлом или перетащить & падение.
Файлы также могут быть отправлены напрямую, используя методом отправки(send):

Code

$('#fileupload').fileupload('send', {files: filesList});


Отправка метод возвращает jqXHR объекта, что позволяет связывать обратного вызова в файл загрузки AJAX запрос (s):

Code

var jqXHR = $('#fileupload').fileupload('send', {files: filesList})
      .success(function (result, textStatus, jqXHR) {/* ... */})
      .error(function (jqXHR, textStatus, errorThrown) {/* ... */})
      .complete(function (result, textStatus, jqXHR) {/* ... */});


Примечание: отправка методом API отправляет данные файлы напрямую,
без разделения их на несколько запросов.
Так что если ваши файлы аргумент состоит из 3 файлов, он все равно будет отправить только один запрос.
Если составные опция истинна (else), то он все равно будет отправлять все 3 файла как части одного составного запроса, иначе он будет отправлять только первый файл.
Так что, если вам нужно отправить файлы с нескольких запросов,
либо вызвать методом отправки API несколько раз, или использовать методом дополнения API вместо этого.

Программные загрузка файлов для браузеров без поддержки добавления файла XHR

Кроме того, можно использовать для добавления и отправить API методы для браузеров без поддержки XHR добавления файла, путем использования опции входного файла:

Code

$('#some-file-input-field').bind('change', function (e) {
      $('#fileupload').fileupload('add', {
          fileInput: $(this)
      });
});


Свойстве FileInput должны быть JQuery коллекцию с входом типа файлов с правильный выбор файлов.

Non-XHR добавления файлов Воспользуемся транспортного Iframe.

изменение размеров изображений

Если вы включаете файл плагина обработки, следующие дополнительные API доступны:

Code

$('#fileupload').fileupload('process', {
      // An array of image files that are to be resized:
      files: files,
      process: [
          {
              action: 'load',
              fileTypes: /^image\/(gif|jpeg|png)$/,
              maxFileSize: 20000000 // 20MB
          },
          {
              action: 'resize',
              maxWidth: 1920,
              maxHeight: 1200,
              minWidth: 800,
              minHeight: 600
          },
          {
              action: 'save'
          }
      ],
}).done(function () {
      // Resized image files have been converted in place
      // and are available in the given files array
});


Процесс метод возвращает Promise объекта, что позволяет связывать обратного вызова (например, "сделали" обработчик в фрагменте кода выше) для завершения обработки файла.

[b]Примечание:[/b]
изменение размеров изображений в настоящее время поддерживаются только последние версии Google Chrome и Mozilla Firefox.

Автовызываемые (Callbacks)

виджета File Upload обеспечивает несколько крючков обратного вызова.
Один из способов их использования заключается в предоставлении методы обратного вызова, как часть объекта параметры:

Code

$('#fileupload').fileupload({
      drop: function (e, data) {
          $.each(data.files, function (index, file) {
              alert('Dropped file: ' + file.name);
          });
      },
      change: function (e, data) {
          $.each(data.files, function (index, file) {
              alert('Selected file: ' + file.name);
          });
      }
});


Второй способ их использования является обязательным слушателей событий в виджета элемента:

Code

$('#fileupload')
      .bind('fileuploaddrop', function (e, data) {/* ... */})
      .bind('fileuploadchange', function (e, data) {/* ... */});


Каждое событие имеет название "FileUpload" в качестве префикса.

Примечание: Добавление дополнительных обработчиков событий с помощью связывания метод является предпочтительным вариантом, чтобы сохранить настройки обратного вызова по версии JQuery загрузки файлов пользовательского интерфейса.

Один специальный обратного вызова дополнения обратного вызова, так как он обеспечивает представить методом для данных аргумента, который начнется загрузка файлов:

Code

$('#fileupload').fileupload({
     add: function (e, data) {
         data.submit();
     }
});


Представить методом данным аргументом в дополнение обратного вызова возвращает jqXHR объекта,
что позволяет связывать обратные вызовы AJAX загрузки файлов запроса:

Code

$('#fileupload').fileupload({
     add: function (e, data) {
         var jqXHR = data.submit()
             .success(function (result, textStatus, jqXHR) {/* ... */})
             .error(function (jqXHR, textStatus, errorThrown) {/* ... */})
             .complete(function (result, textStatus, jqXHR) {/* ... */});
     }
});


Как отменить загрузки

Поступления может быть отменена путем вызова методом прервать на объекта jqXHR:

Code

var jqXHR = $('#fileupload').fileupload('send', {files: filesList})
     .error(function (jqXHR, textStatus, errorThrown) {
         if (errorThrown === 'abort') {
             alert('File Upload has been canceled');
         }
     });
$('button.cancel').click(function (e) {
     jqXHR.abort();
});


Как получить дополнительные параметры перед отправкой файлы

См. руководство о том, как передавать файлы асинхронно.

[/gray]

Прежде чем задать вопрос Администратору подумайте вопрос о чем?
Администраторы вопросах не отвечает только создает тему!
Вопросы долько в том случай о том вопрос будет про
Студии "RR"
 
форум для всех » Все для web мастера » Скрипты » jQuery-File-Upload API (Загрузка файла на другой сервер получит ссылку c jquery api)
Страница 1 из 11
Поиск:

© GES.MOY.SU 2007-2017 . Администрация не несёт ответственности за содержащие файлы на портале.   
Все материалы на сайте принадлежат исключительно их владельцам! 
Сайт оптимизирован для просмотра с разрешением более 1024x768, браузером FireFox или Opera.
 Разрешение вашего экрана : Ваш браузер: -
<< Сайт зарегистрирован в домене >>