Javascript 我能'；t在提交后重置表单内的输入文件

我有一个带有一些字段的表单，在提交完成后，我想重置整个表单，但只重置输入文本区域，而不是输入类型文件

我检查了每一个类似的问题和解决方案，但没有一个适合我。有些解决方案刷新了我不想看到的页面

让我们创建您的菜单
卡路里
卡路里计算器
点击我
菜单项图像
浏览。。。
提交菜单

和我的创建菜单，它在表单提交后清除所有字段。

---

你也能试试这些东西吗

document.getElementById("myForm").reset();
$("#myForm").trigger("reset");

---

我认为您试图在声明

const createMenuForm

的范围之外访问

createMenuForm

尝试在事件侦听器上方声明它：

// create menu
const createMenuForm = document.querySelector('#mydropzone');
var uploader = document.getElementById('uploader');
var fileButton = document.getElementById('fileButton');
// ...

或者直接与

document.querySelector('#mydropzone').reset();

---

我调试并发现预览需要干净

---

document.getElementById（“预览”）.src=“#”

还尝试使用fileButton.value=''；没什么变化，你确定最后一个被调用了吗？你能在那里添加一个

console.log（fileButton）

吗？如果在完成所有这些之后，您直接在控制台中键入

document.getElementById（'fileButton'）.value=“

？另外，你确定你看到的是真实的

，而不是图书馆会在上面加上的装饰吗？你能检查一下

fileButton.files.length

。你能更具体一点吗。我要求您执行一些调试步骤。请这样做并报告它们产生的结果。当我尝试刷新页面时，由于刷新表单重置，但无法将我的数据保存到Firebase仍然相同，仅重置文本区域而不是输入类型。我认为我必须在用户选择照片文档后取消预览。getElementById（“预览”）.src=无空src

document.querySelector('#mydropzone').reset();