<link rel="stylesheet" type="text/css" href="https://gitcdn.link/repo/Zenoo/image-input-preview/master/ImageInputPreview.min.css">
<script src="https://gitcdn.link/repo/Zenoo/image-input-preview/master/ImageInputPreview.min.js"></script>

Documentation

See the offical documentation for more in-depth informations.

How to use

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

<input type="file" accept="image/*" data-preview="https://link.to.your.preview.net">
// 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 for the method definitions.

Example

See this JSFiddle for a working example

Authors

Zenoo - Initial work - Zenoo.fr

Keywords

FAQs

What is image-input-preview?

Is image-input-preview popular?

Is image-input-preview well maintained?

Package last updated on 14 Dec 2018

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install