在 JavaScript 中打开文件对话框 [英] Open file dialog box in 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 中打开文件对话框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！