· 8 years ago · Dec 17, 2017, 04:38 AM
1<!DOCTYPE html>
2 <html>
3 <head>
4 <title>Minio SDK for JavaScript - Sample Application</title>
5 <script src="./dist/main/minio-browser.js"></script>
6 </head>
7
8 <body>
9 <div id="results"></div>
10 <input type="file" id="file-chooser" />
11 <button id="upload-button">Upload to Minio</button>
12 <script type="text/javascript">
13
14 var s3 = new Minio.Client({
15 accessKey: 'Q3AM3UQ867SPQQA43P2F',
16 secretKey: 'zuf+tfteSlswRu7BJ86wekitnifILbZam1KYY3TG',
17 endPoint: 'play.minio.io',
18 secure: true,
19 port: 9000
20 });
21
22 var fileChooser = document.getElementById('file-chooser');
23 var button = document.getElementById('upload-button');
24 var results = document.getElementById('results');
25 var reader = new FileReader();
26
27 button.addEventListener('click', function () {
28 var file = fileChooser.files[0];
29 if (file) {
30 results.innerHTML = '';
31 // Object key will be facebook-USERID#/FILE_NAME
32 var objKey = 'myobjects' + '/' + file.name;
33 var params = {
34 Bucket: 'testbucket',
35 Key: objKey,
36 ContentType: file.type,
37 Body: file,
38 };
39
40 reader.onloadend = function () {
41 s3.putObject('testbucket', objKey, reader.result, file.type, function(e) {
42 if (e) {
43 results.innerHTML = 'ERROR: ' + e;
44 } else {
45 s3.statObject('testbucket', objKey, function(e, stat) {
46 if (e) {
47 results.innerHTML = 'ERROR: ' + e;
48 } else {
49 results.innerHTML = objKey + ' Size:' + stat.size + ' ETag:' + stat.etag;
50 }
51 });
52 }
53 });
54 }
55 reader.readAsText(file);
56 } else {
57 results.innerHTML = 'Nothing to upload.';
58 }
59 }, false);
60 </script>
61 </body>
62 </html>