Mercurial Hosting > linkmystyle
diff src/uploadcare/test1.html @ 0:8f4df159f06b
start public repo
| author | Franklin Schmidt <fschmidt@gmail.com> |
|---|---|
| date | Fri, 11 Jul 2025 20:57:49 -0600 |
| parents | |
| children |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/src/uploadcare/test1.html Fri Jul 11 20:57:49 2025 -0600 @@ -0,0 +1,42 @@ +<!doctype html> +<html lang="en"> + <head> + <meta name="viewport" content="width=device-width, initial-scale=1"> + <style> + @import "/uploadcare/croppr.css"; + @import "/uploadcare/uploadcare.css"; + + img { + height: 100px; + } + </style> + <script src="/uploadcare/croppr.js"></script> + <script src="/uploadcare/uploadcare.js"></script> + <script> + 'use strict'; + + uploadcare.publicKey = '718cc25ec1508ca5801d'; + uploadcare.imagesOnly = true; + uploadcare.doNotStore = true; + uploadcare.maxFileSize = 10000000; + uploadcare.cropprOptions = {}; + + function uploaded(uuid,filename) { + let url = 'https://ucarecdn.com/' + uuid + '/-/quality/smart/'; + let a = document.querySelector('a'); + a.textContent = filename; + a.href = url; + document.querySelector('img').src = url; + } + </script> + </head> + <body> + <p>top</p> + <p> + <button onclick="uploadcare.upload(uploaded)">Upload File</button> + </p> + <p><a></a></p> + <p><img></p> + <p>bottom</p> + </body> +</html>