调用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 and friends。