input点击后无法出现选择文件对话框
来源：5-3 前后端数据交互
土豆_plus
2019-06-17 00:31
<nav class="bar bar-tab"> <div class="row"> <div class="col-50"><a href="#" class="button button-big">mine</a></div> <div class="col-50"> <form id="signupListImportForm" enctype="multipart/form-data"> <input type="file" id="btn-file" style="display:none" name="uploadFile" onchange="uploadFile()"/> <a onlick="" class="button button-big button-fill">upload</a> </form> </div> </div> </nav>
写回答
关注
1回答
-
- power涛
- 2019-06-18 10:17:50
我们熟悉的前端上传文件一般是两个按钮，一个点击弹出文件对话框选择文件，另外一个点击是上传文件。在本次课程中我们只使用了一个按钮用来上传，那么选择文件怎么做的呢？
<a onclick="selectFile()" class="button button-big button-fill">上传</a></div>
是监听按钮的动作，当点击时是触发selectFile函数。当使用selectFile选择完文件后，input标签的内容变为选中状态，而onchange 监听到变化后会调用uploadFile函数。
可以参考源码： https://github.com/willierGo/simpleVlog/blob/master/src/vlog/main.html
5G时代Vlog原型系统开发
Vlog创造了一大批“网红”，来学Vlog系统开发，做第一批吃螃蟹的人！
12622 学习 · 19 问题
相似问题