javascript - 被设计问题困扰

Question

请查看下图，您将获得与我的问题相关的上下文。

该网站是才华横溢的摄影师的网站，他们可以上传照片并允许其他人看到他们拍摄的内容。

由于设计问题，我的工作陷入困境。

用户(无需注册)可以打开我的网站并上传详细信息，例如姓名、手机、描述、图像(同一用户可以上传不同的图像)，其中手机号码为必填字段。因此，在上传图片时，我会在其后面附加手机号码 + FileName.jpg ，并且图像将存储在我的服务器内的一个文件夹中，其余详细信息(如手机号码、描述、名称等)将存储在 MYSQL 数据库中。 (这是一部分，已完成)

第二部分是在页面启动时，我从该文件夹获取所有图像(最新 20 个已修复)并将其显示在页面上。

因此，当任何用户单击特定图像时，我需要显示详细信息，例如 DES 、 Name 、 ---etc ，因此在该图像的 onclick 事件中，我从单击的图像中获取手机号码并制作一个在数据库中搜索。 (现在这里有一个问题)那就是，同一个用户(即使用相同的手机号码)可以向网站上传不同的图片，因此使用手机号码进行搜索会给出很多结果。

图片名称格式为83746787695iokI.jpg。

我准备更改任何格式，所以请告诉我如何解决这个问题

Answer 1

给定文件名83746787695iokI.jpg，您应该能够解析上传者的电话号码和原始文件名，然后使用这些值查询照片表。正则表达式可能是:

/^([0-9]{11})(.+)\.jpg$/

话虽如此，您应该考虑为每张照片分配一个唯一的标识符，并用它来命名您保存的文件。 MySQL 中的 id 列可能如下所示:

id INT NOT NULL AUTO_INCREMENT

插入后，获取新行的 id(MySQL 中的 LAST_INSERT_ID())并保存文件，名称为 #{id}.jpg。

请注意，自动递增的 id 是一个可预测的整数，您的文件名将是 1.jpg、2.jpg 等。一个简单的脚本可用于下载所有来自您服务器的图像。为了避免这种情况，请使用随机生成的唯一字符串来命名您的文件，例如UUID。将该字符串存储在表格的新列中，并使用它来识别您的照片。