FormData不是构造函数

Question

I'm trying to make a ajax request to upload a image. My problem is when I create the FormData. My console is saying "dataForm is not a constructor".

How can I solve this ?

here is my script

$("#new-broadcast-image-static").on("change", function(formData) {
                var formData = new formData();

                // line that console point the error //
                var file = $("#new-broadcast-image-static")[0].files[0];
                formData.set("image", file);

                $.ajax({
                    url: apiUrl + "image/upload",
                    type: 'POST',
                    data: formData,
                    async: false,
                    cache: false,
                    contentType: false,
                    xhrFields: {
                        withCredentials: true
                    },
                    success: function(data) {
                        hashNewBroadcastImage = data.data.identifier;
                        $("#hash-new-broadcast-image-static").val(hashNewBroadcastImage);
                    }
                });
            });

Answer 1

Capitalize it: var formData = new FormData();

But what are you trying to acomplish anyways? You are reasigning a variable you are getting as parameter:

 $("#new-broadcast-image-static").on("change", function(formData) {
      var formData = new formData();

You probably want to change it to something like

 $("#new-broadcast-image-static").on("change", function(e) {
      var formData = new FormData();