innerHTML - 使用图像

Question

我想用文件替换File Uploaded。

这是我的代码：

<input type="file" id="userFile" name = "userFile" accept="image/*"  value="Snap Picture"  style="visibility:hidden;" onchange=" document.getElementById('a').innerHTML = 'File Uploaded';" />

我尝试使用IMG标记而不是File Uploaded，但它不起作用。

你能帮忙吗？

感谢。

Answer 1

可能你忘了逃避img标签上的引号：

<input type="file" id="userFile" name = "userFile" accept="image/*"  value="Snap Picture"  style="visibility:hidden;" onchange=" document.getElementById('a').innerHTML = '<img src=\'image.png\'>';" />

我还建议您使用突出显示文本编辑器的语法

Answer 2

好的，修好了。

<input type="file" id="userFile" name = "userFile" accept="image/*"  value="Snap Picture"  style="visibility:hidden;" onchange=" document.getElementById('a').innerHTML = '<img src=\'image.png\'>';" />