html - innerHTML - 使用图像

Question

我想用图片替换上传的文件。

这是我的代码：

<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\'>';" />