【问题标题】:Show input file dialog on load?加载时显示输入文件对话框?
【发布时间】:2023-03-05 11:51:01
【问题描述】:

我正在制作一个用于更改图像的对话框。我不想让用户单击文件输入字段,而是希望它立即被调出。输入字段只是一个:

<input type="file">

有没有办法在页面加载时显示?

如果有角度的方法可以加分。

【问题讨论】:

  • 这真的很接近stackoverflow.com/questions/4502612/…。您可以修改那里描述的技术以使用原生 JS 而不是 jQuery 来获得类似的效果。
  • 或者你可以使用一个模态,它会解决你的问题。
  • 有些浏览器希望人工点击文件输入,所以 .click() 不起作用...
  • 因为安全问题被禁止
  • 禁止代码触发?

标签: javascript html angularjs file-upload file-io


【解决方案1】:

here 所述,只有 Internet Explorer 允许以编程方式打开“文件上传”对话框。 所以简短的回答是否定的,没有办法在页面加载时自动打开文件上传对话框。

您可能会考虑的长答案是您可以在用户点击anything 时显示它。 您更喜欢 AngularJS 解决方案的事实告诉我们您正在编写单页应用程序。此外,我认为您不需要在应用首次加载时显示“文件上传”对话框。您很可能需要它在 一些用户交互之后显示 - 在用户点击某物之后。这个东西,使用来自here 的 AngularJS 指令,看起来可能除了文件输入之外的任何东西。单击时(相同的用户交互),您还可以切换到 AngularJS 应用程序中的另一个路由,有效地模拟用户导航到另一个页面并自动向他显示文件上传对话框。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-10-04
    • 2021-12-25
    • 2017-10-18
    • 2013-04-22
    • 2020-04-16
    • 2016-04-14
    相关资源
    最近更新 更多