CARVIEW |
Select Language
HTTP/2 200
date: Sat, 19 Jul 2025 12:09:28 GMT
content-type: text/html; charset=utf-8
vary: X-PJAX, X-PJAX-Container, Turbo-Visit, Turbo-Frame, X-Requested-With,Accept-Encoding, Accept, X-Requested-With
x-robots-tag: none
etag: W/"3bf1cd1765f2a0e537376fa7f78da3fb"
cache-control: max-age=0, private, must-revalidate
strict-transport-security: max-age=31536000; includeSubdomains; preload
x-frame-options: deny
x-content-type-options: nosniff
x-xss-protection: 0
referrer-policy: no-referrer-when-downgrade
content-security-policy: default-src 'none'; base-uri 'self'; child-src github.githubassets.com github.com/assets-cdn/worker/ github.com/assets/ gist.github.com/assets-cdn/worker/; connect-src 'self' uploads.github.com www.githubstatus.com collector.github.com raw.githubusercontent.com api.github.com github-cloud.s3.amazonaws.com github-production-repository-file-5c1aeb.s3.amazonaws.com github-production-upload-manifest-file-7fdce7.s3.amazonaws.com github-production-user-asset-6210df.s3.amazonaws.com *.rel.tunnels.api.visualstudio.com wss://*.rel.tunnels.api.visualstudio.com objects-origin.githubusercontent.com copilot-proxy.githubusercontent.com proxy.individual.githubcopilot.com proxy.business.githubcopilot.com proxy.enterprise.githubcopilot.com *.actions.githubusercontent.com wss://*.actions.githubusercontent.com productionresultssa0.blob.core.windows.net/ productionresultssa1.blob.core.windows.net/ productionresultssa2.blob.core.windows.net/ productionresultssa3.blob.core.windows.net/ productionresultssa4.blob.core.windows.net/ productionresultssa5.blob.core.windows.net/ productionresultssa6.blob.core.windows.net/ productionresultssa7.blob.core.windows.net/ productionresultssa8.blob.core.windows.net/ productionresultssa9.blob.core.windows.net/ productionresultssa10.blob.core.windows.net/ productionresultssa11.blob.core.windows.net/ productionresultssa12.blob.core.windows.net/ productionresultssa13.blob.core.windows.net/ productionresultssa14.blob.core.windows.net/ productionresultssa15.blob.core.windows.net/ productionresultssa16.blob.core.windows.net/ productionresultssa17.blob.core.windows.net/ productionresultssa18.blob.core.windows.net/ productionresultssa19.blob.core.windows.net/ github-production-repository-image-32fea6.s3.amazonaws.com github-production-release-asset-2e65be.s3.amazonaws.com insights.github.com wss://alive.github.com api.githubcopilot.com api.individual.githubcopilot.com api.business.githubcopilot.com api.enterprise.githubcopilot.com; font-src github.githubassets.com; form-action 'self' github.com gist.github.com copilot-workspace.githubnext.com objects-origin.githubusercontent.com; frame-ancestors 'none'; frame-src viewscreen.githubusercontent.com notebooks.githubusercontent.com; img-src 'self' data: blob: github.githubassets.com media.githubusercontent.com camo.githubusercontent.com identicons.github.com avatars.githubusercontent.com private-avatars.githubusercontent.com github-cloud.s3.amazonaws.com objects.githubusercontent.com release-assets.githubusercontent.com secured-user-images.githubusercontent.com/ user-images.githubusercontent.com/ private-user-images.githubusercontent.com opengraph.githubassets.com copilotprodattachments.blob.core.windows.net/github-production-copilot-attachments/ github-production-user-asset-6210df.s3.amazonaws.com customer-stories-feed.github.com spotlights-feed.github.com objects-origin.githubusercontent.com *.githubusercontent.com; manifest-src 'self'; media-src github.com user-images.githubusercontent.com/ secured-user-images.githubusercontent.com/ private-user-images.githubusercontent.com github-production-user-asset-6210df.s3.amazonaws.com gist.github.com; script-src github.githubassets.com; style-src 'unsafe-inline' github.githubassets.com; upgrade-insecure-requests; worker-src github.githubassets.com github.com/assets-cdn/worker/ github.com/assets/ gist.github.com/assets-cdn/worker/
server: github.com
content-encoding: gzip
accept-ranges: bytes
set-cookie: _gh_sess=7rY%2BJ95w4ZmHrAV2uXsGqj1rjWyik6dNMNM8bOQDvtjieQuEAZccoicN6PiEKis%2Bgg4Wr2X8xWkSfb9lNFIWYafXZQGbvhH6qR2vGaKSMMAEtfGf2J1WwmVfTRJo%2BtL5ApoJikXscz01dKNn2kJ50XkneypH4XL5H%2FeYadd5t70Be%2BWnqsjfpBxX2xUopP20B%2BBRzTDe3V48VmAK3L93wqYqfdRJBG1rOpwcMsLz1TBNtbNSopHTxGbp4ckWbxw8fB%2F9%2Bh%2Fdco7C%2FHxjpK3YiQ%3D%3D--OhgqZ%2BQKMtX5oT38--vLgij5hbALklIRcZYmpBAA%3D%3D; Path=/; HttpOnly; Secure; SameSite=Lax
set-cookie: _octo=GH1.1.1272183208.1752926968; Path=/; Domain=github.com; Expires=Sun, 19 Jul 2026 12:09:28 GMT; Secure; SameSite=Lax
set-cookie: logged_in=no; Path=/; Domain=github.com; Expires=Sun, 19 Jul 2026 12:09:28 GMT; HttpOnly; Secure; SameSite=Lax
x-github-request-id: A48A:9AEBD:4791EC:59DAAB:687B8AF8
Module API · nervgh/angular-file-upload Wiki · GitHub
Skip to content
Navigation Menu
{{ message }}
-
Notifications
You must be signed in to change notification settings - Fork 1.1k
Module API
İsmail Arılık edited this page Nov 14, 2017
·
5 revisions
- nv-file-drop
<!-- minimal -->
<element nv-file-drop uploader="{FileUploader}"></element>
<!-- maximal -->
<element nv-file-drop uploader="{FileUploader}" options="{Object}" filters="{String}"></element>
The attribute uploader must be a instance of FileUploader.
The attribute options may be a {FileItem}
options or custom properties.
The attribute filters may be {String}
that contains filter names separated by ,
. For example: 'filterName1, filterName2'
. These filters must be predefined:
uploader.filters.push({name:'filterName1', fn:function() {/* your code here */}});
uploader.filters.push({name:'filterName2', fn:function() {/* your code here */}});
- nv-file-select
<!-- minimal -->
<input type="file" nv-file-select uploader="{FileUploader}"/>
<!-- maximal -->
<input type="file" nv-file-select uploader="{FileUploader}" options="{Object}" filters="{String}"/>
- nv-file-over
<!-- minimal -->
<element nv-file-over uploader="{FileUploader}"></element>
<!-- maximal -->
<element nv-file-over uploader="{FileUploader}" over-class="{String}"></element>
- FileUploader
-
url
{String}
: Path on the server to upload files -
alias
{String}
: Name of the field which will contain the file, default isfile
-
queue
{Array}
: Items to be uploaded -
progress
{Number}
: Upload queue progress percentage. Read only. -
headers
{Object}
: Headers to be sent along with the files. HTML5 browsers only. -
formData
{Array}
: Data to be sent along with the files -
filters
{Array}
: Filters to be applied to the files before adding them to the queue. If the filter returnstrue
the file will be added to the queue -
autoUpload
{Boolean}
: Automatically upload files after adding them to the queue -
method
{String}
: It's a request method. By defaultPOST
. HTML5 browsers only. -
removeAfterUpload
{Boolean}
: Remove files from the queue after uploading -
isHTML5
{Boolean}
:true
if uploader is html5-uploader. Read only. -
isUploading
{Boolean}
:true
if an upload is in progress. Read only. -
queueLimit
{Number}
: maximum count of files -
withCredentials
{Boolean}
: enable CORS. HTML5 browsers only.
-
addToQueue
function(files[, options[, filters]]) {
: Add items to the queue, wherefiles
is a{FileList|File|HTMLInputElement}
,options
is an{Object}
andfilters
is a{String}
. -
removeFromQueue
function(value) {
: Remove an item from the queue, wherevalue
is{FileItem}
or index of item. -
clearQueue
function() {
: Removes all elements from the queue. -
uploadItem
function(value) {
: Uploads an item, wherevalue
is{FileItem}
or index of item. -
cancelItem
function(value) {
: Cancels uploading of item, wherevalue
is{FileItem}
or index of item. -
uploadAll
function() {
: Upload all pending items on the queue. -
cancelAll
function() {
: Cancels all current uploads. -
destroy
function() {
: Destroys a uploader. -
isFile
function(value) {return {Boolean};}
: Returns true if value is{File}
. -
isFileLikeObject
function(value) {return {Boolean};}
: Returns true if value is{FileLikeObject}
. -
getIndexOfItem
function({FileItem}) {return {Number};}
: Returns the index of the{FileItem}
queue element. -
getReadyItems
function() {return {Array.<FileItems>};}
: Return items are ready to upload. -
getNotUploadedItems
function() {return {Array.<FileItems>};}
: Return an array of all pending items on the queue
-
onAfterAddingFile
function(item) {
: Fires after adding a single file to the queue. -
onWhenAddingFileFailed
function(item, filter, options) {
: When adding a file failed. -
onAfterAddingAll
function(addedItems) {
: Fires after adding all the dragged or selected files to the queue. -
onBeforeUploadItem
function(item) {
: Fires before uploading an item. -
onProgressItem
function(item, progress) {
: On file upload progress. -
onSuccessItem
function(item, response, status, headers) {
: On file successfully uploaded -
onErrorItem
function(item, response, status, headers) {
: On upload error -
onCancelItem
function(item, response, status, headers) {
- On cancel uploading -
onCompleteItem
function(item, response, status, headers) {
: On file upload complete (independently of the sucess of the operation) -
onProgressAll
function(progress) {
: On upload queue progress -
onCompleteAll
function() {
: On all loaded when uploading an entire queue, or on file loaded when uploading a single independent file
-
url
{String}
: Path on the server in which this file will be uploaded -
alias
{String}
: Name of the field which will contain the file, default isfile
-
headers
{Object}
: Headers to be sent along with this file. HTML5 browsers only. -
formData
{Array}
: Data to be sent along with this file -
method
{String}
: It's a request method. By defaultPOST
. HTML5 browsers only. -
withCredentials
{Boolean}
: enable CORS. HTML5 browsers only. -
removeAfterUpload
{Boolean}
: Remove this file from the queue after uploading -
index
{Number}
- A sequence number upload. Read only. -
progress
{Number}
: File upload progress percentage. Read only. -
isReady
{Boolean}
- File is ready to upload. Read only. -
isUploading
{Boolean}
:true
if the file is being uploaded. Read only. -
isUploaded
{Boolean}
:true
if the file was uploaded. Read only. -
isSuccess
{Boolean}
:true
if the file was uploaded successfully. Read only. -
isCancel
{Boolean}
:true
if uploading was canceled. Read only. -
isError
{Boolean}
-true
if occurred error while file uploading. Read only. -
uploader
{Object}
: Reference to the parentUploader
object for this file. Read only.
-
remove
function() {
: Remove this file from the queue -
upload
function() {
: Upload this file -
cancel
function() {
: Cancels uploading of this file
-
onBeforeUpload
function() {
: Fires before uploading an item. -
onProgress
function(progress) {
: On file upload progress. -
onSuccess
function(response, status, headers) {
: On file successfully uploaded -
onError
function(response, status, headers) {
: On upload error -
onCancel
function(response, status, headers) {
- On cancel uploading -
onComplete
function(response, status, headers) {
: On file upload complete (independently of the success of the operation)
var uploader = new FileUploader({
filters: [{
name: 'yourName1',
// A user-defined filter
fn: function(item) {
return true;
}
}]
});
// Another user-defined filter
uploader.filters.push({
name: 'yourName2',
fn: function(item) {
return true;
}
});
- folder
- queueLimit
You can’t perform that action at this time.