AWS upld - file.input

by rowntreerob

HTML

<label>Select file to upload</label>
    <input type="file" id="files" name="files[]"/>

JavaScript

// This will upload the file after having read it
const url1 = 'http://localhost:3000/gcsupl/cloud-ai-platform-2ebb9454-f94d-4a1a-bab0-ff085e71e2c1/public/small.png'
let status;
const upload = (file) => {
  fetch(url1, { 
    method: 'POST',
    headers: { "application":"sampleexpress-production.up.railway.app",     
    "Content-Type": "	image/png",
    "X-Aws-Key-Id": "AKIAYCYZXBCRHRFOZJEO",
    "X-Aws-Secret-Key": "XxN90/ni/ijXGVHcrfdrhJfOFDKng+iXgFNUTCoP",
    "authorization": "Bearer eyJhbGciOiJSUzI1NiIsInR5cCI6IkpXVCJ9.eyJpZCI6Inh5emFzZGYiLCJpYXQiOjE2NzgyMzQzOTMsImV4cCI6MTY4MDczNDM5MywiYXVkIjoic2FtcGxlZXhwcmVzcy1wcm9kdWN0aW9uLnVwLnJhaWx3YXkuYXBwIiwiaXNzIjoic2FtcGxlZXhwcmVzcy1wcm9kdWN0aW9uLnVwLnJhaWx3YXkuYXBwIiwic3ViIjoicm93bnRyZWVyb2JAeWFob28uY29tIn0.hWrHiIQjD0jFWvKOO1QZB-7h7yzea6e9gVv2Vw9deHfWLtSIJiIJXmHH4TG2DFayTKv-xS_Tvy7pVnNsaTBjeT7oAkpDrnd4ysLFWlKy9SBEHq4C19KlX8GsoaUFzfSmj3IMbVsJUgSyNIFaRhE4Vq-8AGoBMd8DcZKxEnbcImblWErK4jUK3C0quzELtWo181i8tGeNp_eYliSV-5IEz5nZdEPsXVtdxNlQ0JUpkWC2fJUJayboTL1nEXo1mrnWvzZWaFgVYzWaLx5bNYJozQzaQoDayg5Mg4T6pSCx79YO-hPVj4qHVqrh-Qtf3b26_Z_aiK5f9HQCMkpCn6X1zQ",
    "Access-Control-Request-Headers":
    "application, Content-Type, X-Aws-Secret-Key, X-Aws-Key-Ld, authorization"      
    },
    body: file // This is your file object
  }).then(
    response => response.json()    
  ).then(
  	json => console.log(json)
  ).catch((err) => {
    // handle error
    console.error(err);
  });
};
// Event handler executed when a file is selected
const onSelectFile = (evt) => {
  upload(evt.target.files[0])};
// Add a listener on your input
document.getElementById('files').addEventListener('change', onSelectFile, false);