                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /5G时代Vlog原型系统开发

input点击后无法出现选择文件对话框

        <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>

土豆_plus

2019-06-17

源自：5G时代Vlog原型系统开发 5-3

关注问题我要回答

3439

操作

收起

1 回答

power涛
2019-06-18

我们熟悉的前端上传文件一般是两个按钮，一个点击弹出文件对话框选择文件，另外一个点击是上传文件。在本次课程中我们只使用了一个按钮用来上传，那么选择文件怎么做的呢？

<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

1 回复有任何疑惑可以回复我~

#1

土豆_plus 提问者

谢谢老师明白了

2019-06-18 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

5G时代Vlog原型系统开发

参与学习 12622 人
解答问题 19 个

Vlog创造了一大批“网红”，来学Vlog系统开发，做第一批吃螃蟹的人！

本课相似问答

1 回答最后上传视频出现这个错误

1 回答关于存储文件的问题

1 回答curl : 无法连接到远程服务器

1 回答存储文件的接口调用报错，在百度上查了，没找到所以然

1 回答有后续付费课程吗

搜索更多本课相关问答

input点击后无法出现选择文件对话框

我要回答关注问题

意见反馈帮助中心 APP下载