Uploading image from nuxt to strapi

hi im so sorry i accidently pasted the wrong err
errors: [{ id: 'Upload.status.empty', message: 'Files are empty' }],
this is the error im receiving . i dont think its a sever error or something like a 403 forbiden . this is the code i saw in strapi-plugin-upload/controllers/upload.js the error is coming from here and something is wrong with my api request but i dont know what

if (_.isEmpty(files) || files.size === 0) { throw strapi.errors.badRequest(null, { errors: [{ id: 'Upload.status.empty', message: 'Files are empty' }], }); }

and console.log(this.file) gives me

  1. File {name: “404-2.png”, lastModified: 1605551263377, lastModifiedDate: Mon Nov 16 2020 10:27:43 GMT-0800 (Pacific Standard Time), webkitRelativePath: “”, size: 318110, …}
  1. lastModified: 1605551263377
  2. lastModifiedDate: Mon Nov 16 2020 10:27:43 GMT-0800 (Pacific Standard Time) {}
  3. name: “404-2.png”
  4. size: 318110
  5. type: “image/png”
  6. webkitRelativePath: “”
  7. proto: File
1. lastModified: 1605551263377
2. lastModifiedDate: Mon Nov 16 2020 10:27:43 GMT-0800 (Pacific Standard Time)
3. name: "404-2.png"
4. size: 318110
5. type: "image/png"
6. webkitRelativePath: (...)
7. constructor: ƒ File()
8. Symbol(Symbol.toStringTag): "File"
9. get lastModified: ƒ lastModified()
10. get lastModifiedDate: ƒ lastModifiedDate()
11. get name: ƒ name()
12. get webkitRelativePath: ƒ webkitRelativePath()
13. __proto__: Blob