|
0
|
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>
|
