view 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 source

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