Este artículo muestra cómo cargar un archivo en Amazon S3 o minio mediante un formulario. Quiero usar el método de política POST URL prefirmado, ya que parece ser el más seguro.
Sin embargo, deseo cargar un archivo mediante programación a minio o S3 usando un navegador. En otras palabras, quiero usar javascript, no un formulario.
Soy un usuario de nodos y estoy familiarizado con superagent , que es muy fácil de usar usando la .field() y .attach() para configurar los campos del formulario y cargar el archivo.
Esto funciona en el nodo:
let cdnAgent = superagent; let req = cdnAgent.post(r.data.pictureSet.uploadLink); _.each(uploadForm, function(value, key) { req.field(key, value); }); // upload file via the created signed policy return req .set('Content-Type', 'application/octet-stream') .attach('file', 'test/data/test.jpg'); }).then(r => { Sin embargo, esto no funciona en un navegador, .attach() no es compatible, y cuando solucioné eso, me encontré con problemas de CORS ya que mi dominio javascript es un dominio separado de mi dominio minio o S3.
Para responder a esta pregunta, me gustaría ver un ejemplo completo con XMLHttpRequest, Axios, superagent o Fetch, que funcione en todos los dominios.
Observo que hay algunas preguntas similares a esta y algunas respuestas, pero todas parecen estar muy desactualizadas y la tecnología ha avanzado. Así que no creo que esta sea una pregunta duplicada.
https://github.com/harshavardhana/minio-js-browser-upload/ simplemente puede clonar este repositorio y luego ejecutar
node presign-post-server.jsVisite el navegador en http://localhost:8080 . Haga clic en el archivo de carga y simplemente cargue el archivo seleccionado que se cargará a través del estilo de política de publicación prefirmado. [1]
Actualmente, el ejemplo solo apunta a https://play.minio.io:9000 y al depósito de uploads . [2]
[1] https://github.com/harshavardhana/minio-js-browser-upload/blob/master/index-post.html
[2] https://github.com/harshavardhana/minio-js-browser-upload/blob/master/presign-post-server.js