display the library version on example page

Donaldcwl · Donaldcwl · commit 787321a7302b · 2020-11-08T22:40:26.000+08:00
diff --git a/example/basic.html b/example/basic.html
@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
 <body>
+browser-image-compression@<span id="version">#.#.#</span>
 <p>look at console to see logs</p>
 Options:<br />
 <label for="maxSizeMB">maxSizeMB: <input type="number" id="maxSizeMB" name="maxSizeMB" value="1" /></label><br />
@@ -50,7 +51,10 @@
 </style>
 
 
+<script src="https://cdn.jsdelivr.net/npm/promise-polyfill@8/dist/polyfill.min.js"></script>
+<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/browser-image-compression@1.0.13/dist/browser-image-compression.js"></script>
 <script>
+  document.querySelector('#version').innerHTML = imageCompression.version
   function compressImage (event, useWebWorker) {
     var file = event.target.files[0]
     var logDom, progressDom
@@ -99,7 +103,5 @@
     })
   }
 </script>
-<script src="https://cdn.jsdelivr.net/npm/promise-polyfill@8/dist/polyfill.min.js"></script>
-<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/browser-image-compression@1.0.13/dist/browser-image-compression.js"></script>
 </body>
 </html>
diff --git a/example/development.html b/example/development.html
@@ -1,6 +1,7 @@
 <!DOCTYPE html>
 <html>
 <body>
+browser-image-compression@<span id="version">#.#.#</span>
 <p>look at console to see logs</p>
 Options:<br />
 <label for="maxSizeMB">maxSizeMB: <input type="number" id="maxSizeMB" name="maxSizeMB" value="1" /></label><br />
@@ -50,7 +51,10 @@
 </style>
 
 
+<script src="https://cdn.jsdelivr.net/npm/promise-polyfill@8/dist/polyfill.min.js"></script>
+<script type="text/javascript" src="../dist/browser-image-compression.js"></script>
 <script>
+  document.querySelector('#version').innerHTML = imageCompression.version
   function compressImage (event, useWebWorker) {
     var file = event.target.files[0]
     var logDom, progressDom
@@ -100,7 +104,5 @@
     })
   }
 </script>
-<script src="https://cdn.jsdelivr.net/npm/promise-polyfill@8/dist/polyfill.min.js"></script>
-<script type="text/javascript" src="../dist/browser-image-compression.js"></script>
 </body>
 </html>
