All Projects → aberezkin → Ng2 Image Upload

aberezkin / Ng2 Image Upload

Licence: mit
Angular 2 component for image uploading

Programming Languages

typescript
32286 projects

Projects that are alternatives of or similar to Ng2 Image Upload

Ng2 Dnd
Angular 2 Drag-and-Drop without dependencies
Stars: ✭ 861 (+274.35%)
Mutual labels:  drag-and-drop, angular2
Ngx Dnd
🕶 Drag, Drop and Sorting Library for Angular2 and beyond!
Stars: ✭ 511 (+122.17%)
Mutual labels:  drag-and-drop, angular2
ng2-gridstack
A gridstack component for Angular2+
Stars: ✭ 12 (-94.78%)
Mutual labels:  drag-and-drop, angular2
Angular File Uploader
Angular file uploader is an Angular 2/4/5/6/7/8/9/10 + file uploader module with Real-Time Progress Bar, Responsive design, Angular Universal Compatibility, localization and multiple themes which includes Drag and Drop and much more.
Stars: ✭ 92 (-60%)
Mutual labels:  drag-and-drop, angular2
Ngx Avatar
Universal avatar component for angular 2+ applications makes it possible to fetch / generate avatar from different sources
Stars: ✭ 210 (-8.7%)
Mutual labels:  angular2
Angular2 Express Mongoose Gulp Node Typescript
AngularJS 2 (Updated to 4.2.0) Mean Stack application which uses Angular2, Gulp, Express, Node, MongoDB (Mongoose) with Repository Pattern Business Layer
Stars: ✭ 201 (-12.61%)
Mutual labels:  angular2
Truly Ui
Truly-UI - Web Angular UI Components for Desktop Applications (Electron, NW, APP JS)
Stars: ✭ 195 (-15.22%)
Mutual labels:  angular2
Vantage Ui Template
Template for UI applications in Vantage
Stars: ✭ 193 (-16.09%)
Mutual labels:  angular2
Vue.draggable
Vue drag-and-drop component based on Sortable.js
Stars: ✭ 16,530 (+7086.96%)
Mutual labels:  drag-and-drop
Ngx File Drop
Angular 11 file and folder drop library
Stars: ✭ 220 (-4.35%)
Mutual labels:  angular2
Vue Transmit
Vue.js drag & drop uploader based on Dropzone.js
Stars: ✭ 209 (-9.13%)
Mutual labels:  drag-and-drop
Angular2 Jsonapi
A lightweight Angular 2 adapter for JSON API
Stars: ✭ 202 (-12.17%)
Mutual labels:  angular2
Angular4 Docker Example
Efficiently Dockerized Angular CLI example app
Stars: ✭ 212 (-7.83%)
Mutual labels:  angular2
Pinterest
PinWork(Pinterest for bloggers) built with ❤️ using Angular2 (4.0.0)
Stars: ✭ 197 (-14.35%)
Mutual labels:  angular2
Angular5 Seed
Angular5 Seed for Application
Stars: ✭ 222 (-3.48%)
Mutual labels:  angular2
Growth Ionic
[v2.0 DEPRECATED, please update to Growth 3.0] Growth - App to help you Be Awesome Developer & Awesome Hacker
Stars: ✭ 2,200 (+856.52%)
Mutual labels:  angular2
Easy Dnd
A drag and drop implementation for Vue.js 2 https://codesandbox.io/s/easy-dnd-demo-9mbij https://codesandbox.io/s/easy-dnd-demo-2-xnqbz
Stars: ✭ 202 (-12.17%)
Mutual labels:  drag-and-drop
Web designer
网页设计器图形化工具,通过拖拽组件进行页面排版和生成页面代码
Stars: ✭ 219 (-4.78%)
Mutual labels:  drag-and-drop
React Grid Layout
A draggable and resizable grid layout with responsive breakpoints, for React.
Stars: ✭ 14,732 (+6305.22%)
Mutual labels:  drag-and-drop
Smart Recycler Adapter
Small, smart and generic adapter for recycler view with easy and advanced data to ViewHolder binding.
Stars: ✭ 197 (-14.35%)
Mutual labels:  drag-and-drop

Image Upload Module

Build Status

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

Demo & Readme

Install

npm install angular2-image-upload --save

or

yarn add angular2-image-upload

Usage

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

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.

<image-upload></image-upload>

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

See the demo for more detailed instructions.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].