https://github.com/aberezkin/ng2-image-upload

Angular 2 component for image uploading
https://github.com/aberezkin/ng2-image-upload

angular angular2 drag-and-drop image-uploader tyepscript

Last synced: 5 days ago
JSON representation

Angular 2 component for image uploading

• Host: GitHub
• URL: https://github.com/aberezkin/ng2-image-upload
• Owner: aberezkin
• License: mit
• Created: 2016-11-09T17:39:58.000Z (about 8 years ago)
• Default Branch: development
• Last Pushed: 2022-12-10T01:31:32.000Z (about 2 years ago)
• Last Synced: 2025-01-08T11:03:29.404Z (12 days ago)
• Topics: angular, angular2, drag-and-drop, image-uploader, tyepscript
• Language: TypeScript
• Homepage:
• Size: 2.94 MB
• Stars: 232
• Watchers: 13
• Forks: 115
• Open Issues: 85
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: license.md

Awesome Lists containing this project

README

        
# Image Upload Module

[![Build Status](https://travis-ci.org/aberezkin/ng2-image-upload.svg?branch=master)](https://travis-ci.org/aberezkin/ng2-image-upload)

This angular library provides a light-weight component that handles file-drop, image previewing and image uploading.

### [Demo & Readme](https://aberezkin.github.io/ng2-image-upload/)

### Install

````

npm install angular2-image-upload --save

````

or

````

yarn add angular2-image-upload

````

### Usage

In your `app.module.ts` import it using `@NgModule` decorator.

  

````typescript

import { ImageUploadModule } from "angular2-image-upload";

@NgModule({

    imports: [

        ...,

        ImageUploadModule.forRoot(),

        ...

    ]

})

````

Now you have `image-upload` declaration and you can use it in your html code.

``

You can use bindings to configure this element for your needs.

See the demo for more detailed instructions.