{"id":21374192,"url":"https://github.com/ziondevelopers/jquery.file-uploader","last_synced_at":"2025-10-26T02:10:32.075Z","repository":{"id":151244516,"uuid":"56153567","full_name":"ZionDevelopers/jquery.file-uploader","owner":"ZionDevelopers","description":"jQuery Ajax Easy File Uploader MK2","archived":false,"fork":false,"pushed_at":"2018-04-08T12:40:37.000Z","size":18,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":4,"default_branch":"master","last_synced_at":"2025-01-22T21:17:01.557Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ZionDevelopers.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2016-04-13T13:20:49.000Z","updated_at":"2018-04-08T12:40:37.000Z","dependencies_parsed_at":null,"dependency_job_id":"5035f9cc-3a0b-4cd8-9b4c-e619cc86c831","html_url":"https://github.com/ZionDevelopers/jquery.file-uploader","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ZionDevelopers%2Fjquery.file-uploader","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ZionDevelopers%2Fjquery.file-uploader/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ZionDevelopers%2Fjquery.file-uploader/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ZionDevelopers%2Fjquery.file-uploader/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ZionDevelopers","download_url":"https://codeload.github.com/ZionDevelopers/jquery.file-uploader/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243847060,"owners_count":20357317,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-22T08:30:11.225Z","updated_at":"2025-10-26T02:10:27.043Z","avatar_url":"https://github.com/ZionDevelopers.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# jQuery File Uploader\nThis is an easy to use, lightweight Ajax File Uploader.\n\n### Features:\n\n* File Validation:\n  * File size\n  * Image width and image height\n  * File extension check\n* DropZone support\n* Parallel (Concurrent) file uploads: You can upload one by one or how many you want!\n* Customizable error messages\n* Lots of event triggers to get the status of the upload!\n\n### Options\n```javascript\n{\n\turl: '/upload-url', // URL to send the files\n\tdropzone: 'div#my-dropzone', // jQuery Selector of the dropzone element\n\tautoUpload: true, // Automatically upload files as they are added\n\tacceptablefileExtensionsRegex: /(gif|jpe?g|png)$/i, // REGEX of the file extensions that you will accept\n\tacceptablefileExtensionsReadable: 'gif, jpeg, jpg or png', // Readable text of extensions allowed, Used on the error messages\n\tmaxFileSize: 2*1024*1024, // Max file size allowed (IN BYTES): 2MB\n\tmaxWidth: 0, // Max image with\n\tmaxHeight: 0, // Max image height\n\tlimitConcurrentUploadRequests: 5, // Limit of parallel (Concurrent) ajax file upload  \n\tqueueInterval: 10, // Interval of the queue processor\n\tmessages: { // Error messages\n\t\tfileTooBigSize: 'File %s is too big, Send files smaller than %dMB!',\n\t\tfileTypeNotAllowed: 'File %s type is %s and is not allowed!, Send only %s!',\n\t\tfileTooBigWidth: 'File %s is too big, Send images equal or lower than %d pixels of width!',\n\t\tfileTooBigHeight: 'File %s is too big, Send images equal or lower than %d pixels of height!'\n\t}\n}\n```\n\n### Example:\n```javascript\n $('input#file_uploader_input').fileuploader({\n        url: '/myupload/upload.php?album_id='+$('form#my-form').data('id'),\n        dropzone: 'div#my-dropzone',\n        acceptablefileExtensionsRegex: /(jpe?g|png)$/i,\n        acceptablefileExtensionsReadable: 'jpeg, jpg or png',\n        maxFileSize: 5*1024*1024\n    })\n        .bind('fileuploaderprogress', function (event, data) {             \n            var percent = parseInt(data.percentage);\n            $('div#my-progress div.progress-bar').css({width: percent+'%s'});\n            $('div#my-progress div.percentage').html(percent+'%');\n            $('div#my-progress span.done').html(data.sent);\n            $('div#my-progress span.total').html(data.total);\n\n            // Check if done\n            if (data.sent == data.total) {\n                $('div#cancelAllUploads').fadeOut();\n                window.uploadsDone = window.uploadsTotal;\n            }\n        })\n        .bind('fileuploaderfile_add', function (event, data) {\n            if(typeof data.error !== 'undefined') {\n                alert(data.error);\n            }\n        })\n        .bind('fileuploaderstarted', function (event, data) {            \n            $('div#cancelAllUploads').fadeIn();\n            $('div#my-progress').slideDown();\n            $('div#photos-container').fadeOut();\n        })\n        .bind('fileuploaderstopped fileuploaderdone fileuploaderaborted', function (event, data) {\n            $('div#cancelAllUploads').fadeOut();\n        });\n```\n### Events\n* started: Upload process started. `event: eventObject, data: {time: '13/04/2016 10:49:17'}`\n* stopped: Upload process stopped. `event: eventObject, data: {time: '13/04/2016 10:50:20'}`\n* file_add: A file was added. `event: eventObject, data: {file: fileObject, error: 'Error XYZ'}`\n* file_upload_started: A file upload was started. `event: eventObject, data: {file: fileObject}`\n* file_upload_finished: A file upload has finished. `event: eventObject, data: {queue: queueObject}`\n* file_progress: Progress of a file upload. `event: eventObject, data: {sent: 1, total: 2, file: fileObject}}`\n* progress: Upload progress of all files. `event: eventObject, data: {sent: 1, total: 2, queue: queueObject, percentage: 50, uploadSent: 1000, uploadTotal: 2000}`\n* file_upload_aborted: File upload has been aborted. `event: eventObject, data: {file: fileObject}`\n* aborted: Upload process has been aborted. `event: eventObject, data: {queue: queueObject}`\n* done: Upload process has been finished. `event: eventObject, data: {queue: queueObject, time: '13/04/2016 10:51:25'}`\n\nAll events trigger sends event and data object, Each event my vary the objects.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fziondevelopers%2Fjquery.file-uploader","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fziondevelopers%2Fjquery.file-uploader","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fziondevelopers%2Fjquery.file-uploader/lists"}