medere.html 2.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  1. <!doctype html>
  2. <head>
  3. <script src="https://sdk.amazonaws.com/js/aws-sdk-2.357.0.min.js"></script>
  4. <script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
  5. <script type="text/javascript">
  6. var s3 = new AWS.S3({
  7. apiVersion: 'latest',
  8. region: 'de',
  9. endpoint: 'https://s3.de.io.cloud.ovh.net/',
  10. params: {
  11. Bucket: 'medere'
  12. },
  13. credentials: {
  14. accessKeyId:'78bd8d437d004457b89b04d803ed4d9e',
  15. secretAccessKey:'516669c11e974de280515fc5dedf4396'
  16. }
  17. });
  18. </script>
  19. <meta name="referrer" content="same-origin" />
  20. </head>
  21. <body>
  22. <!-- A functional html code-->
  23. <div>
  24. <input type="file" id="fileUpload">
  25. </div>
  26. <div>
  27. <button onclick="s3upload()">Submit</button>
  28. </div>
  29. <progress max=”100” value=”0”></progress>
  30. <!--
  31. <img src="https://medere.s3.de.io.cloud.ovh.net/medere/sample.jpg?123">
  32. -->
  33. <script type="text/javascript">
  34. function s3upload() {
  35. const start = Date.now();
  36. var files = document.getElementById('fileUpload').files;
  37. if (files)
  38. {
  39. var file = files[0];
  40. var fileName = file.name;
  41. var filePath = fileName;
  42. var fileUrl = 'https://s3.de.io.cloud.ovh.net/' + filePath;
  43. s3.upload({
  44. Key: filePath,
  45. Body: file,
  46. ACL: 'public-read'
  47. }, function(err, data) {
  48. if(err) {
  49. console.log('error' + err);
  50. }
  51. const end = Date.now();
  52. const sec = (end - start) / 1000;
  53. alert(`File caricato in : ${sec} secondi`);
  54. }).on('httpUploadProgress', function (progress) {
  55. var uploaded = progress.loaded / progress.total;
  56. $("progress").attr('value', uploaded);
  57. });
  58. }
  59. };
  60. </script>
  61. </body>
  62. </html>