HTML 表单文件选择器无法在 Chrome 上打开

MTA*_*MTA 11 html forms bootstrap-4

我的网站上有这个表格:

<form method="post" id="insert_station_form">
  <label>Title</label>
  <input type="text" name="title" id="title" class="form-control" />
  <br />
  <label>Subtitle</label>
  <input type="text" name="subtitle" id="subtitle" class="form-control" />
  <br />
  <label>Radio Url</label>
  <input type="text" name="aurl" id="aurl" class="form-control" />
  <br />
  <label>Radio Logo</label>
  <input type="text" name="logo_url" id="logo_url" class="form-control" />
  <br />
  <input type="file" name="fileToUpload" id="fileToUpload"/>
  <br />
  <br />
  <input type="submit" name="insert" id="insert" value="Insert" class="btn btn-success" />
</form>
Run Code Online (Sandbox Code Playgroud)

我遇到一个问题,在 Chrome 中文件上传选择器未显示,但在 Firefox 和 Safari 中它可以打开并且工作正常,知道问题是什么吗?

编辑


我也尝试这个:

https://jsfiddle.net/dygsj6p7/
Run Code Online (Sandbox Code Playgroud)

而且它不是在 chrome 中打开文件对话框。

小智 69

我遇到了同样的问题,我的代码语法是正确的,并且对话在 Safari 上打开,但不是 Chrome。很可能是你的chrome版本有问题。

尝试在浏览器中转到chrome://restart ,这为我解决了问题。

  • chrome://restart 也对我有用。我想知道问题是什么...... (5认同)