【问题标题】:HTML Form file chooser not opening on ChromeHTML 表单文件选择器未在 Chrome 上打开
【发布时间】:2020-11-01 16:59:29
【问题描述】:

我的网站上有这个表格:

<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>

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

编辑


我也试试这个:

https://jsfiddle.net/dygsj6p7/

而且它没有在 chrome 中打开文件对话框。

【问题讨论】:

  • 看看这个。一点点搜索:stackoverflow.com/questions/22245500/…
  • @MaciejGromadzki 我已经检查了这篇文章,我删除了我的扩展程序,但仍然无法正常工作。还尝试检查隐身模式,但效果不佳。
  • 您是否尝试将enctype="multipart/form-data" 添加到您的表单中?
  • @MaciejGromadzki 是的,我已经尝试过了
  • @MaciejGromadzki 我刚刚更新了我的代码

标签: html forms bootstrap-4


【解决方案1】:

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

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

【讨论】:

  • 谢谢你,@Sarah!
  • chrome://restart 也为我工作。我想知道问题是什么......
  • 在我的例子中,下载被挂断了,不知何故。 (它无法在所有网站上打开。)
  • 感谢 chrome://restart 为我工作。
猜你喜欢
  • 2018-05-18
  • 1970-01-01
  • 2014-06-27
  • 1970-01-01
  • 2021-09-23
  • 2016-04-29
  • 1970-01-01
  • 1970-01-01
  • 2014-11-12
相关资源
最近更新 更多