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 中的打开文件对话框的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除！

相关文档推荐

当Formik表单更改时更新另一个组件
Update another component when Formik form changes(当Formik表单更改时更新另一个组件)
Formik验证正在提交/isValiating未设置为True
Formik validation isSubmitting / isValidating not getting set to true(Formik验证正在提交/isValiating未设置为True)
使用Formik的Reaction验证最大范围
React Validation Max Range Using Formik(使用Formik的Reaction验证最大范围)
使用YUP检查字符串或数字长度的验证
Validation using Yup to check string or number length(使用YUP检查字符串或数字长度的验证)
更新Formik表单上的初始值属性不会更新输入值
Updating initialValues prop on Formik Form does not update input value(更新Formik表单上的初始值属性不会更新输入值)
使用YUP和Formick进行密码验证
password validation with yup and formik(使用YUP和Formick进行密码验证)
前端问题php问题Java问题Python问题C/C++问题C#/.NET问题移动开发问题数据库问题
html vue validate adobe dreamweaver hbuilder vscode aptana editor dedecms ckeditor 编辑器 过滤 规则 织梦 图片本地化 模板 缩略图 图集 图片删除 ajax 瀑布流 无限下拉 cms 判断 sql 清除 tag 文档数 angularjs2 按钮 切换效果 vue3 thinkphp yii2 css 项目列表 li go Beego Buffalo Echo Gin Iris Revel 百度云 虚拟主机 pbootcms 伪静态 框架 排序 数据库 对象 字段 sql语句 php 字符串 分割 D3.js bootstrap 函数 svg selectAll 织梦cms 关键词 解析 采集 长度限制 日期 正则表达式