https://github.com/zenoo/image-input-preview

Display a preview for your image inputs
https://github.com/zenoo/image-input-preview

image-input input preview

Last synced: about 1 month ago
JSON representation

Display a preview for your image inputs

• Host: GitHub
• URL: https://github.com/zenoo/image-input-preview
• Owner: Zenoo
• License: mit
• Created: 2018-12-04T08:32:40.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2021-05-09T10:33:20.000Z (over 3 years ago)
• Last Synced: 2024-11-13T12:11:48.441Z (about 2 months ago)
• Topics: image-input, input, preview
• Language: JavaScript
• Homepage:
• Size: 493 KB
• Stars: 0
• Watchers: 3
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Contributing: .github/CONTRIBUTING.md
  • License: LICENSE
  • Code of conduct: .github/CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        
# Image Input Preview ([Demo](https://jsfiddle.net/Zenoo0/y8v52wpd/))

Display a preview for your image inputs easily

### Doc

* **Installation**

Simply import image-input-preview into your HTML.

```

```

* **Documentation**

See the offical [documentation](https://zenoo.github.io/image-input-preview/ImageInputPreview.html) for more in-depth informations.

* **How to use**

You can either use data attributes or the `ImageInputAttribute` class to initialyze your inputs:

```

// OR

let preview = new ImageInputPreview(input, {

  preview: 'https://link.to.your/preview.png',        // Optional | Preview displayed

  uploadIcon: 'https://link.to.your.upload/icon.png', // Optional | Icon used when no preview is displayed

  lang: 'en',                                         // Optional | Language used

  dictionary: null                                    // Optional | Allow for custom language

});

```

* **Methods**

See the [documentation](https://zenoo.github.io/image-input-preview/ImageInputPreview.html) for the method definitions.

* **Example**

See this [JSFiddle](https://jsfiddle.net/Zenoo0/y8v52wpd/) for a working example

## Authors

* **Zenoo** - *Initial work* - [Zenoo.fr](http://zenoo.fr)