vue-progressive-image-loading v1.0.1

Progressive Image Loading

Progressive image loading is a vueJS solution which allow you to reduce the loading time of your webpage by optimizing the loading of all your pictures. We also care about the upload of you pictures in the cloud.

How it works

Upload Component

This is component is using external npm package (axios, random-id, vue-bootstrap).

1. In a terminal

   npm i progressive-image-loading-upload-vue --save

2. In your main.js

   import BootstrapVue from 'bootstrap-vue'
   import 'bootstrap/dist/css/bootstrap.css'
   import 'bootstrap-vue/dist/bootstrap-vue.css'
   Vue.use(BootstrapVue)

3. In your vue Component

   <template>
   <upload apiKey="YOUR_API_KEY"></upload>
   </template>

#### Progressive image Loading

1. Installation

```html
npm i vue-progressive-image-loading --save

2. Imbrication

   import pil from 'vue-progressive-image-loading';
   Vue.component('pil', pil);

3. Usage

   <pil src = ""></pil>

Utilisation de l'interface web

Une fois inscrit, gratuitement, vous pouvez: 1. Utiliser le service d'upload d'image

-Pour ce faire, vous devez nous renseigner l'URI (à faire lors de l'acquisition de votre clé d'API) où
faire les requêtes PUT qui vous transmettrons les images traité et formaté.

-De votre côté, vous devrez gérer cette requête pour stocker vos images dans le dossier voulu, qui
doit être le même. Vous aurez alors une image: image.jpg et une imageLow.jpg

2. Gérer vos clés d'API

   -Chaque site requiert une clé API, que vous pourrez acquérir sur notre site web: http://PIL.com