JavaScript 中的打开文件对话框
时间：2023-09-04问题描述
我需要一种解决方案，以便在单击 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 中的打开文件对话框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持html5模板网！
相关文章
在 Angular 2/Typescript 中使用 IScrollUse IScroll in Angular 2 / Typescript(在 Angular 2/Typescript 中使用 IScroll)- Anime.js 在 Ionic 3 项目中不起作用anime.js not working in Ionic 3 project(Anime.js 在 Ionic 3 项目中不起作用)
- Ionic 3 - 使用异步数据更新 ObservableIonic 3 - Update Observable with Asynchronous Data(Ionic 3 - 使用异步数据更新 Observable)
- Angular 2:在本地 .json 文件中找不到文件Angular 2: file not found on local .json file(Angular 2:在本地 .json 文件中找不到文件)
- 在 Ionic 2 中，如何创建使用 Ionic 组件的自定义指In Ionic 2, how do I create a custom directive that uses Ionic components?(在 Ionic 2 中，如何创建使用 Ionic 组件的自定义指令?)
- 将 ViewChild 用于动态元素 - Angular 2 &离子2Use ViewChild for dynamic elements - Angular 2 amp; ionic 2(将 ViewChild 用于动态元素 - Angular 2 amp;离子2)
最新文章
- elasticsearch 分析器 - 小写和空格标记器
- 在 JavaScript 中通过 JSON 对象进行类似 Lucene 的搜索
- Node.js 有没有好的索引/搜索引擎?
- 通过 javascript 对 CD-Rom 上的静态 HTML 文件进行全文
- 哪个版本的 IE 不会将事件作为参数传递给侦听器
- vars 引用的多个元素的 jquery on('click') 处理
- 为什么我的 event.currentTarget 会自动更改?
- 简单的 Javascript 来模仿在事件处理程序中使用
- jquery 多个事件处理程序
- event.preventDefault() 不取消 jQuery Mobile 中的链接方向