Javascript-未显示所选图像

在我的JS文件中，我检查用户何时选择文件，并在浏览器中显示此图像。然后，我允许用户删除所选图像，而在浏览器中显示默认图像的图像

我遇到的问题是，一旦用户通过单击删除文本删除图像，他们就无法选择所需的文件。这是出乎意料的

HTML:

//文件输入标签文件输入在后端生成 选择个人资料照片 //浏览器中显示的图像应显示用户从上述文件输入中选择的图像 //用户应该能够单击，并将选定文件的src更改为默认图像 去除 我的JS文件：

img=$完整注册照片img； //这是我在后端生成的文件输入id $complete\u signup\u photo.changefunction e{ var url=url.createObjectURLe.target.files[0]； img.attr'src'，url； }; $complete-signup-remove-photo.clickfunction{ img.attrsrc，http://localhost:8000/static/default-profile.png； };

---

有人知道为什么会这样吗？谢谢。

您是否尝试初始化文件输入

$("#complete-signup-remove-photo").click(function(e) {
    img.attr("src", "http://localhost:8000/static/default-profile.png"); 
    $("#complete_signup_photo").val("");
});

---

您是否尝试初始化文件输入

$("#complete-signup-remove-photo").click(function(e) {
    img.attr("src", "http://localhost:8000/static/default-profile.png"); 
    $("#complete_signup_photo").val("");
});

---

文件输入在哪里？console中是否出现错误？请尝试添加console.logurl；在img.attr'src'行之前，url；要检查更改事件是否被触发@ğağrı加载页面后，文件输入将在我的后端生成。@Yukulélé我在控制台中没有收到错误。文件输入在哪里？您在控制台中收到错误了吗？尝试添加console.logurl；在img.attr'src'行之前，url；要检查更改事件是否触发@ğağrı，加载页面后，将在我的后端生成文件输入。@Yukulélé我在控制台中没有收到任何错误。