Open file dialog box in JavaScript(JavaScript 中的打开文件对话框)
问题描述
我需要一种解决方案，以便在单击 div 时以 HTML 格式显示打开的文件对话框.点击div时必须打开打开文件对话框.
I need a solution to display open file dialog in HTML while clicking a div. The open file dialog box must open when the div is clicked.
我不想将输入文件框显示为 HTML 页面的一部分.它必须显示在单独的对话框中，而不是网页的一部分.
I don't want to display the input file box as part of HTML page. It must be displayed in separate dialog, which is not a part of the web page.
推荐答案
这是一个不错的
Fine Uploader 演示
它本身就是一个 控件.但是在其上放置了一个 div，并应用了 css 样式来获得这种感觉.文件控件的不透明度设置为 0，以便在单击 div 时看起来对话窗口已打开.
It is an <input type='file' /> control itself. But a div is placed over that and css styles are applied to get that feel. Opacity of the file control is set to 0 so that it appears that the dialog window is opened when clicking on the div.
这篇关于JavaScript 中的打开文件对话框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！
本文标题为：JavaScript 中的打开文件对话框
基础教程推荐
- 我可以在浏览器中与Babel一起使用ES模块，而不捆绑我的代码吗？ 2022-01-01
- html表格如何通过更改悬停边框来突出显示列? 2022-01-01
- Chart.js 在线性图表上拖动点 2022-01-01
- 如何使用TypeScrip将固定承诺数组中的项设置为可选 2022-01-01
- Vue 3 – <过渡>渲染不能动画的非元素根节点 2022-01-01
- 自定义 XMLHttpRequest.prototype.open 2022-01-01
- 直接将值设置为滑块 2022-01-01
- 用于 Twitter 小部件宽度的 HTML/CSS 2022-01-01
- 如何使用JIT在顺风css中使用布局变体？ 2022-01-01
- Electron 将 Node.js 和 Chromium 上下文结合起来意味着 2022-01-01
