Javascript Ajax文件上传,如何将多个对象发送到服务器

Javascript Ajax文件上传,如何将多个对象发送到服务器,javascript,ajax,Javascript,Ajax,我有一个很好的应用程序,它使用ajax发布到服务器上传图像,它很好,很简单,看起来像这样: $.ajax({ url: '/impulse/imageupload', type: 'POST', data: file, processData: false, cache: false, contentType: false })...

我有一个很好的应用程序,它使用ajax发布到服务器上传图像,它很好,很简单,看起来像这样:

  $.ajax({
            url: '/impulse/imageupload',
            type: 'POST',
            data: file,
            processData: false,
            cache: false,
            contentType: false
        })...additional success, done, failure functions
传入的文件被保存,这一切都很好,但是我注意到有冲突,例如,如果我上传一个名为1.jpg的图像,然后其他人上传一个名为1.jpg的图像,那么我的图像将被覆盖,这并不理想

因此,我想知道如何传入文件以外的内容,例如,我想传入一个额外的变量(在本例中是唯一的用户名),以便我可以将其前置到图像名称,并使用它使图像唯一

我曾尝试使用“,”分隔数据,但这会破坏数据,请提供有关如何执行此操作的帮助:)


TL:DR;如何将多个对象发布到服务器

您必须使用
FormData
对象。并非所有浏览器都支持这一点。 请尝试以下链接:


您必须使用
FormData
对象。并非所有浏览器都支持这一点。 请尝试以下链接:


您必须使用
FormData
对象。并非所有浏览器都支持这一点。 请尝试以下链接:


您必须使用
FormData
对象。并非所有浏览器都支持这一点。 请尝试以下链接:


我觉得在答案中添加一个链接很糟糕,所以转到这里这正是您需要的:我已经看过这个插件,但它不是我真正想要的,我只想发送更多,而不仅仅是一个东西(在本例中是一个对象和一个变量)到服务器。那么你需要回顾一下这个主题:我觉得在答案中添加一个链接很糟糕,所以转到这里这正是你需要的:我已经看过这个插件,但它不是我真正想要的,我只想发送更多,而不仅仅是一件事(在本例中是一个对象和一个变量)到服务器。那么你需要回顾一下这个主题:我觉得在答案中添加一个链接很糟糕,所以转到这里这正是你需要的:我已经看过这个插件,但它不是我真正想要的,我只想发送更多,而不仅仅是一件事(在本例中是一个对象和一个变量)到服务器。那么你需要回顾一下这个主题:我觉得在答案中添加一个链接很糟糕,所以转到这里这正是你需要的:我已经看过这个插件,但它不是我真正想要的,我只想发送更多,而不仅仅是一件事(在本例中是一个对象和一个变量)到服务器。那么,您需要查看此主题: