使用“多个”属性设置输入的默认值答案

【问题标题】：Set default values of input with "multiple" attribute使用“多个”属性设置输入的默认值
【发布时间】：2019-03-15 05:51:23
【问题描述】：

我正在使用https://github.com/wpic/imageuplodify/ 将多个文件上传到我的服务器，但我想使用 ajax 从我的数据库中加载图像。我有一个像这样接受多个图像的输入

  &lt;input type="file" multiple accept="image/*"&gt;

我的问题是：如何将数据库表中的默认图像加载到多个输入中？该表包含 id (PK) 和图片 url（在我的服务器中）。谢谢！

【问题讨论】：

标签： javascript html ajax database

【解决方案1】：

如果我正确理解您想在https://github.com/wpic/imageuplodify/ 上传多张图片，这些图片位于您的 db 中的服务器端。如您所知，用户想要在 github 上上传的文件名，最好的方法是只将文件名作为用户的输入，并在服务器端编写一个（rest）客户端并将文件上传到 github 存储库，而不是从流式传输文件数据服务器到用户并通过客户端浏览器将其发送到 github。流可以是：用户->选择要上传的文件名->服务器->休息客户端（从db读取文件数据作为流）上传到github->成功->用户

另外，如果您只想从客户端执行此操作，我们可以从服务器中逐个获取文件数据并将其存储到本地存储中，然后将其作为 stram 传递到客户端提交的 github。

用户->选择要上传的文件名->服务器->响应->用户->存储在localStorage中->从本地存储中读取->将流发布到github->成功消息

【讨论】：

我已经可以将图像加载到我的前端，我想知道如何用图像填充多个输入。例如，对于单数输入，您可以设置 val，但是如何通过多输入来完成呢？
由于用户没有从他的机器上传文件，您只需根据列表生成动态输入框，在正常输入中显示文件名（仅供参考）文件名和提交时，您将从前端一个接一个地将它们推送到 git。