Javascript 在按submit之前上载图像

我的网站允许用户上传图片。我在两种情况之间左右为难：是选择图像后立即上传，还是单击提交按钮后上传

我决定立即上传图片对我的网站来说更有意义，然而，我遇到了另一个问题

---

目前，我希望每个图像的名称都是帖子的id（例如：

500.png

）。但是，如果我在用户单击“提交”之前上载图像，我将如何以这种方式命名图像（因为用户按“提交”时我无法获取插入id）？

每次上载图像时，将图像存储在单独的表中，其中包含图像上载时间的一列；以及另一列，用于指示图像是否附加到帖子。您可以为此列使用postid

自动上载图像时，可以填充隐藏的输入字段来存储图像的自动ID，并将其转发给创建后处理程序。新创建的帖子将有一个ID。请将其保存在图像的postid列中。现在，您的图像文件名使用的是imageid，而不是postid，但没关系。如果您确实想更改帖子名称后的图像名称，请将原始图像上传为img####.png；然后将其重命名为*.png，其中####是图像ID，*是帖子ID。为避免名称冲突，必须使用img_u前缀。同样，这是没有必要的。图像ID很好

最后，您可以设置一个cron作业来删除前一段时间上载但没有post ID的图像文件和记录。这将清除所有自动上载的图像，而无需提交表单

---

你必须注意图片上传的情况。如果您的图像仍在上传，而有人已经单击了表单发布按钮，该怎么办？

如果没有创建id，则无法为图像分配值。您必须先保存记录才能获得id。或者，如果希望在选择后立即保存图像，则可以在将记录保存到id后重命名图像。可以使用$（'input[type=file]'）。更改（函数（{$（'form'）。submit（）；}）；在不使用提交按钮的情况下提交。只需将图像存储在单独的表中，并将外键存储到图像表中，而不是图像的文件名。