medere.html 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566
  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. <img src="https://medere.s3.de.io.cloud.ovh.net/medere/test/sample.jpg?123">
  31. <script type="text/javascript">
  32. function s3upload() {
  33. var files = document.getElementById('fileUpload').files;
  34. if (files)
  35. {
  36. var file = files[0];
  37. var fileName = file.name;
  38. var filePath = 'test/' + fileName;
  39. var fileUrl = 'https://s3.de.io.cloud.ovh.net/' + filePath;
  40. s3.upload({
  41. Key: filePath,
  42. Body: file,
  43. ACL: 'public-read'
  44. }, function(err, data) {
  45. if(err) {
  46. console.log('error' + err);
  47. }
  48. alert('Successfully Uploaded!');
  49. }).on('httpUploadProgress', function (progress) {
  50. var uploaded = parseInt((progress.loaded * 100) / progress.total);
  51. $("progress").attr('value', uploaded);
  52. });
  53. }
  54. };
  55. </script>
  56. </body>
  57. </html>