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 中的打开文件对话框
基础教程推荐
- jQuery File Upload - 如何识别所有文件何时上传 2022-01-01
- 如何在特定日期之前获取消息? 2022-01-01
- 什么是不使用 jQuery 的经验技术原因? 2022-01-01
- 如何使用 CSS 显示和隐藏 div? 2022-01-01
- 每次设置弹出窗口的焦点 2022-01-01
- Node.js 有没有好的索引/搜索引擎? 2022-01-01
- WatchKit 支持 html 吗?有没有像 UIWebview 这样的控制器? 2022-01-01
- Javascript 在多个元素上单击事件侦听器并获取目标 2022-01-01
- 如何使用sencha Touch2在单页中显示列表和其他标签 2022-01-01
- 为什么我在 Vue.js 中得到 ERR_CONNECTION_TIMED_OUT? 2022-01-01
