Me gustaría cargar un archivo zip como parte de formdata en una búsqueda de Javascript. Puedo enviar fácilmente un archivo zip que he leído a través de un control de entrada de archivos (ver el primer segmento de código). Pero cuando trato de crear un objeto de archivo basado en un blob, recibo un error (vea el segundo segmento de código).

Básicamente, estoy preguntando cómo crear un objeto de archivo zip a partir de un blob. Probé muchas variaciones de código, pero no puedo lograr la sintaxis correcta para crear el objeto de archivo a partir de un blob, pero tiene que ser un archivo zip. Tenga en cuenta que el archivo zip es un archivo de forma; no estoy seguro de si hace alguna diferencia.

 //here we upload the zip file var fileInput = document.getElementById('avatar'); var filename = fileInput.files[0].name; //and then I can easily send the zip file in formdata var headers = new Headers(); headers.set('X-CSRFToken', csrftoken); var formData = new FormData() formData.set("time", false) formData.set("base_file", fileInput.files[0] ) fetch("/upload/", { "credentials": "include", "body": formData, "headers": headers, "method": "POST", "mode": "cors" })

Pero cuando trato de cargar el archivo zip que creé a partir de un blob, recibo un error

 var shpBuffer = await ShapeFileFromGeoJSON(geojson, fileName); var base64String = Uint8Array.from(window.atob(shpBuffer), (v) => v.charCodeAt(0)); var shapeFileBlob = new Blob([ base64String ], {type:"application/zip"}); saveAs(shapeFileBlob, fileName); //this works and a zip file is saved var file = new File([shapeFileBlob], 'application.zip', { type: shapeFileBlob.type,}); console.log(file); //Returns: "File {name: 'application.zip', lastModified: 1656002582746, //lastModifiedDate: Fri Jun 24 2022 04:43:02 GMT+1200 (New Zealand Standard Time), //webkitRelativePath: '', size: 6091726, …}" console.log(file instanceof File); //returns true var headers = new Headers(); headers.set('X-CSRFToken', csrftoken); var formData = new FormData() formData.set("time", false) formData.set("file", file) fetch("/upload/", { "credentials": "include", "body": formData, "headers": headers, "method": "POST", "mode": "cors" })

El error devuelto en la consola es

 POST https://WEBSITE/upload/ 400 (Bad Request) {success: false, errors: Array(1)}