javascript - Ajax文件上传，如何将多个对象发送到服务器

Question

我有一个很好的应用程序，它使用 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；如何将多个对象发送到服务器

Answer 1

您必须使用FormData对象。并非所有浏览器都支持此功能。尝试以下链接:

https://developer.mozilla.org/en-US/docs/Web/Guide/Using_FormData_Objects?redirectlocale=en-US&redirectslug=Web%2FAPI%2FFormData%2FUsing_FormData_Objects