Javascript 如何覆盖徽标

我想通过在徽标上预览照片来删除徽标 我的剧本是

功能预览\u图像（事件）
{
var reader=new FileReader（）；
reader.onload=函数（）
{
var output=document.getElementById（'output_image'）；
output.src=reader.result；
}
reader.readAsDataURL（event.target.files[0]）；
}

试试看

而不是

<label for="id_Photo"><img height="120" width="120" alt="Image description" src="{% static 'images/imglogo.png' %}"></label>
        <input type="file" name="Photo" required="" id="id_Photo" style="display:none" onchange="preview_image(event)">
        <img height="120" width="120" id="output_image"/>

---

您可以像这样使用预览图像作为

输出图像

功能预览\u图像（事件）
{
var reader=new FileReader（）；
reader.onload=函数（）
{
var output=document.getElementById（'output_image'）；
output.src=reader.result；
}
reader.readAsDataURL（event.target.files[0]）；
}

---

我想通过在徽标上预览照片来删除徽标我不明白，您不想预览，或者您想覆盖

imglogo.png

？是，我想覆盖

<label for="id_Photo"><img height="120" width="120" alt="Image description" src="{% static 'images/imglogo.png' %}"></label>
        <input type="file" name="Photo" required="" id="id_Photo" style="display:none" onchange="preview_image(event)">
        <img height="120" width="120" id="output_image"/>