javascript - 调用 JavaScript 函数后文件上传字段重置

Question

我有一个通过 JavaScript 函数生成文件上传字段的链接。但是，当我添加一个上传字段，然后选择一个文件，然后添加另一个字段时，该文件会从第一个字段中消失。我不明白为什么会发生这种情况。

jsFiddle：http: //jsfiddle.net/etCqD/

请注意，jsFiddle 给出了一个'addPhoto() is not defined'我也不理解的错误，因为该函数在 JavaScript 部分中已明确定义。这个错误不会发生在我的实际页面上。有人能告诉我这里发生了什么吗？

Answer 1

您正在编辑innerHTML. 这意味着您将 DOM 序列化为 HTML，然后更改 HTML 并将 HTML 转换回 DOM。

这会破坏价值，因为：

• 该value属性将包含默认值
• 您不能value为文件输入设置属性

改用createElement,appendNode和朋友。