Download the PHP package rubaxa/fileapi without Composer

WARNING: This plugin is not maintained

If you have a desire to continue to develop and support, email me, with pleasure I will give access to the repository.

ВНИМАНИЕ: Этот плагин больше не поддерживается

Если у вас есть желание продолжить разработку и поддержку, напишите мне, с удовольствием предоставлю весь необходимый доступ.

$.fn.fileapi

jQuery plugin for FileAPI (multiupload, image upload, crop, resize and etc.)

Install

Example

Options

url:String

URL to which the request is sent.
If undefined or empty, it is set to the action property of the file upload form if available.

autoUpload:Boolean

To enable automatic uploads, set this option to true.

data:Object

Additional form data to be sent along with the file uploads can be set using this option.

headers:Object

Additional request headers.

multiple:Boolean

It specifies that multiple files can be selected at once, default true.

accept:String

If the value of the type attribute is file, this attribute indicates the types of files that the server accepts; otherwise it is ignored. The value must be a comma-separated list of unique content type specifiers: image/*, audio/*, video/*, etc.

duplicate:Boolean

The ability to upload duplicates, default false.

paramName:String

The parameter name for the file form data (the request argument name).
If undefined or empty, the name property of the file input field is used, or files[] if the file input name property is also empty.

dataType:String

The type of data that is expected back from the server, default json.

chunkSize:Number

Chunk size in bytes, eg: .5 * FileAPI.MB.

chunkUploadRetry:Number

Number of retries during upload chunks.

maxSize:Number

The maximum allowed file size in bytes, by default unlimited.

maxFiles:Number

This option limits the number of files that are allowed to be uploaded using this plugin.

imageSize:Object

Allowable size of uploaded images, eg: { minWidth: 320, minHeight: 240, maxWidth: 3840, maxHeight: 2160 }.

sortFn:Function

Sort function of selected files.

filterFn:Function

Filter function of selected files, eg: function (file, info){ return /^image/.test(file.type) && info.width > 320 }.

imageTransform:Object

Rules of changes the original image on the client (see details).

imageOriginal:Boolean

Sent to the server the original image or not, if defined imageTransform option.

elements:Object

Events

onSelect:Function(evt:$.Event, data:FilesObject)

Retrieve file List, takes two arguments.

onBeforeUpload:Function(evt:$.Event, uiEvt:Object)

Before start uploading.

onUpload:Function(evt:$.Event, uiEvt:Object)

Start uploading.

onFilePrepare:Function(evt:$.Event, uiEvt:Object)

Preparation of data before uploading.

onFileUpload:Function(evt:$.Event, uiEvt:Object)

Start upload the same file.

onProgress:Function(evt:$.Event, uiEvt:Object)

Common uploading progress.

onFileProgress:Function(evt:$.Event, uiEvt:Object)

Progress upload the same file.

onComplete:Function(evt:$.Event, uiEvt:Object)

Completion of the entire uploading.

onFileComplete:Function(evt:$.Event, uiEvt:Object)

Completion of uploading the file.

onDrop:Function(evt:$.Event, data:FilesObject)

Retrieve file List, takes two arguments.

onDropHover:Function(evt:$.Event, uiEvt:Object)

onFileRemove(evt:$.Event, file:File)

Removing a file from the queue

onFileRemoveCompleted(evt:$.Event, file:File)

Removing a file from the queue

Cropper

Based on Jсrop.

Usage:

Customization

Using with Bootstrap

You can use this uploader with Bootstrap framework without writing much additional CSS. Just add the following CSS to your page to hide the browser's "browse" button:

MIT LICENSE

Copyright 2013 Lebedev Konstantin [email protected] http://rubaxa.github.io/jquery.fileapi/

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

Changelog

0.4.6

• FileAPI up to 2.0.9

• 12: onRemoveCompleted -> onFileRemoveCompleted

• 100: fixed maxSize option

0.4.5

• 95: fixed rotate method

• 94: fixed redraw method

0.4.4

• 93: files option and userpic

• 90: fixed rotate + imageAutoOrientation

0.4.3

• 84: fixed modal.js

• 82: clear(all: true)

• 61: always parse result (dataType === 'json')

0.4.2

• 73: git -> gif (fixed typo)

0.4.1

• 67: resize method

• 63: remove method

• • console.log
• modal close

0.4.0

• 57: + onBeforeUpload event

• support disabled dom-attribute

• 34: fixed imageTransform

• • FileAPI v2.0.3

• 35: + imageOriginal option

0.3.1

• fixed crop method
• • onFilePrepare event

0.3.0

• • QUnit tests
• • onFileRemove and onRemoveCompleted events
• • abort(text) method
• • remove(file) method
• fixed serialize() method

0.2.0

• enhancement ui event in onSelect
• • maxFiles option support
• fixed onFileUpload & onFileProgress events

• • 9: Preview with aspect ratio keeping support (optional)

0.1.4

• • headers:Object
• • queue(); * clear();
• clearOnComplete: false
• • resetOnSelect -> clearOnSelect

0.1.1

• • resetOnSelect option, default !multiple
• fix $.fn.cropper reinit

0.1.0

• Inital commit