[HELP] Can't upload file from a nuxtjs form to strapibackend please help

Questions and Answers
6

Working with:

methods: {
    sendToStrapi() {
      this.loading = true;
      let form = this.$refs["uploadForm"];
      let formData = new FormData();
      let formElements = form.elements;
      let data = {};
      formElements.forEach((currentElement) => {
        if (!["submit", "file"].includes(currentElement.type)) {
          data[currentElement.name] = currentElement.value;
        } else if (currentElement.type === "file") {
          if (currentElement.files.length === 1) {
            const file = currentElement.files[0];
            formData.append(files.${currentElement.name}, file, file.name);
          } else {
            for (let i = 0; i < currentElement.files.length; i++) {
              const file = currentElement.files[i];
              formData.append(files.${currentElement.name}, file, file.name);
            }
          }
        }
      });
      formData.append("data", JSON.stringify(data));
      this.$http
        .post("MINHAAPI", formData)
        .then((response) => {
          this.success = true;

          this.errored = false;
        })

        .catch((error) => {
          this.errored = true;
        })

        .finally(() => {
          this.loading = false;
        });
    },
  },

and using “ref=“uploadForm”” in form tag

if anyone need the fulll code just ping me :slight_smile: let’s go :rocket:

1 Like