javascript - FormData 不是构造函数

标签 javascript jquery ajax constructor

我正在尝试发出上传图片的 ajax 请求。我的问题是在创建 FormData 时。我的控制台说“dataForm 不是构造函数”。

我该如何解决这个问题?

这是我的脚本

$("#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);
                    }
                });
            });

最佳答案

大写:var formData = new FormData();

但是你到底想完成什么?您正在重新分配作为参数获取的变量:

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

你可能想把它改成类似的东西

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

关于javascript - FormData 不是构造函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37489361/

相关文章:

javascript - UIWebView 产生大约 :blank requests when iframe appended

jquery ThemeSwitcher 在 HTTPS 方面存在问题

javascript - Ajax文件上传返回值的方法

jquery ajax从http url获取响应文本

javascript - 如何将文本文件内容保存到Javascript变量?

java - 根据客户时区在 Tapestry 日期选择器中选择时区

javascript - 当第二个请求依赖于第一个请求时,如何在 Angular 中同步 http.get 请求?

javascript - Jquery 更新下面的 CSS

jQuery:函数被调用两次。传播?为什么会出现这种情况?

java - Wicket 中多文件上传的 FileNotFoundException