Mercurial Hosting > linkmystyle

comparison src/uploadcare/test1.html @ 0:8f4df159f06b

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
start public repo
author Franklin Schmidt <fschmidt@gmail.com>
date Fri, 11 Jul 2025 20:57:49 -0600
parents
children
comparison
equal deleted inserted replaced
-1:000000000000 0:8f4df159f06b
1 <!doctype html>
2 <html lang="en">
3 <head>
4 <meta name="viewport" content="width=device-width, initial-scale=1">
5 <style>
6 @import "/uploadcare/croppr.css";
7 @import "/uploadcare/uploadcare.css";
8
9 img {
10 height: 100px;
11 }
12 </style>
13 <script src="/uploadcare/croppr.js"></script>
14 <script src="/uploadcare/uploadcare.js"></script>
15 <script>
16 'use strict';
17
18 uploadcare.publicKey = '718cc25ec1508ca5801d';
19 uploadcare.imagesOnly = true;
20 uploadcare.doNotStore = true;
21 uploadcare.maxFileSize = 10000000;
22 uploadcare.cropprOptions = {};
23
24 function uploaded(uuid,filename) {
25 let url = 'https://ucarecdn.com/' + uuid + '/-/quality/smart/';
26 let a = document.querySelector('a');
27 a.textContent = filename;
28 a.href = url;
29 document.querySelector('img').src = url;
30 }
31 </script>
32 </head>
33 <body>
34 <p>top</p>
35 <p>
36 <button onclick="uploadcare.upload(uploaded)">Upload File</button>
37 </p>
38 <p><a></a></p>
39 <p><img></p>
40 <p>bottom</p>
41 </body>
42 </html>