Javascript 如何使用jquery ajax发送带有formData的变量

如何使用formdata发送变量？我相信这真的很简单，但我已经尝试了一些东西，但它不起作用。顺便说一下，我正在使用blueimp文件上传插件

我现在的代码：

<script>
$(function () {
    'use strict';
    var url = window.location.hostname === 'site.nl/demo/server/php/' ?
                '//site.nl/' : 'demo/server/php/';
    $('#fileupload').fileupload({
        url: url,
        dataType: 'json',
        formData: [
          { name: 'custom_dir', value: '/fileupload/<?PHP echo $_GET['bedrijf'] ?>/<?PHP echo $_GET['alias'] ?>/' },
          { name: 'cat_id', value: '<?PHP echo $gtc['id']; ?>'},
          { name: 'name', value: $( "#filename" ).val()},
      ],
      add: function (e, data) {
            data.context = $('<button/>').text('Uploaden starten').addClass('font-15 btn btn-secondary btn-lg waves-effect btnadd fullwidth')
                .appendTo('.uploadbutton')
                .click(function () {
                    data.submit();
                });
        },
        done: function (e, data) {
            $.each(data.result.files, function (index, file) {
                $('<p/>').text(file.name).appendTo('#files');
            });
        },
        progressall: function (e, data) {
            var progress = parseInt(data.loaded / data.total * 100, 10);
            $('#progress .progress-bar').css(
                'width',
                progress + '%'
            );
        }
    }).prop('disabled', !$.support.fileInput)
        .parent().addClass($.support.fileInput ? undefined : 'disabled');
});
</script>

回显的php值工作正常，但此值为空

我也试过这样做：

var filename = $( "#filename" ).val();

然后在下面

{ name: 'name', value: filename},

这是我的输入字段：

<input class="form-control" id="filename" type="text" name="filename" value="">

我做错了什么

试试：

<input class="form-control" id="filename" type="text" name="filename" value="">

var formData = new FormData(document.getElementById('filename'));

var formData=newformdata（document.getElementById（'filename'）；

---

同时发送图像、音频、文件或文本

我认为formData应该是formData的一个实例@两者都有。上传已经可以工作了，但我正在尝试发送一个名称，以便用户可以更改上传文件的名称，然后该名称将保存在我的数据库中。是的，我使用了

alert（$（“#filename”）.val（）在我的click函数中，它正确显示输入。@vicbyte更改了变量的名称和formdata中的名称，没有任何内容：/n可能重复的内容不起作用。我甚至没有表单元素。我的插件，我使用的，使用formData。你需要阅读这个！
<input class="form-control" id="filename" type="text" name="filename" value="">

var formData = new FormData(document.getElementById('filename'));