JavaScript 中的打开文件对话框

Open file dialog box in JavaScript(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 中的打开文件对话框的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!

本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!

相关文档推荐

SCRIPT5: Access is denied in IE9 on xmlhttprequest(SCRIPT5:在 IE9 中对 xmlhttprequest 的访问被拒绝)
XMLHttpRequest module not defined/found(XMLHttpRequest 模块未定义/未找到)
Show a progress bar for downloading files using XHR2/AJAX(显示使用 XHR2/AJAX 下载文件的进度条)
How can I open a JSON file in JavaScript without jQuery?(如何在没有 jQuery 的情况下在 JavaScript 中打开 JSON 文件?)
quot;Origin null is not allowed by Access-Control-Allow-Originquot; in Chrome. Why?(“Access-Control-Allow-Origin 不允许 Origin null在铬.为什么?)
How to get response url in XMLHttpRequest?(如何在 XMLHttpRequest 中获取响应 url?)