Javascript 通过AJAX上传图像并使用Django表单提交传递文件名

Javascript 通过AJAX上传图像并使用Django表单提交传递文件名,javascript,ajax,django,image-uploading,Javascript,Ajax,Django,Image Uploading,我是一名网络开发新手,我正在努力实现以下目标: 在用户创建博客的页面上 用户通过ajax将图像上传到CDN,页面将在上传后显示图像 ajax的成功 上载到CDN的图像有一个新的文件名和明显的URL地址,但input type=“file”中的文件名仍然是原始文件名。在表单提交过程中,必须提交ajax返回的文件名以进行服务器端处理 我不确定我是否按照我通常在许多网站上观察的方式来做。我的问题是,当使用Ajax上传并且在最终表单提交之前文件名已更改并存储在CDN中时,在上述情况下,人们通常如何同步文

我是一名网络开发新手,我正在努力实现以下目标:

在用户创建博客的页面上

  • 用户通过ajax将图像上传到CDN,页面将在上传后显示图像 ajax的成功
  • 上载到CDN的图像有一个新的文件名和明显的URL地址,但input type=“file”中的文件名仍然是原始文件名。在表单提交过程中,必须提交ajax返回的文件名以进行服务器端处理
  • 我不确定我是否按照我通常在许多网站上观察的方式来做。我的问题是,当使用Ajax上传并且在最终表单提交之前文件名已更改并存储在CDN中时,在上述情况下,人们通常如何同步文件名


    我正在使用Django,但我想这并没有什么大的区别。

    这听起来像是应用程序逻辑中应该有的东西。因此,您可以从AJAX调用返回信息。为什么不从AJAX调用返回上传文件的新URL/名称,然后浏览器中的Javascript将能够加载它想要的URL。是的,我通过AJAX调用成功返回URL/名称。我不知道如何通过表单提交传递返回的信息。到目前为止,我可以考虑创建一个带有新文件名的隐藏输入。但是这听起来不太安全,因为可以更改输入值,并且在django中,request.FILES[“image”]可能会得到与CDN文件名不匹配的内容。