随笔记录一下!
使用bootstrap默认的类form-control,使用input=file的时候,展现格式很不友好。
我们可以使用三个input来自己拼成一个文件上传的样式:
1、<input id='location' class="form-control" disabled> 不可用状态用来展示选中文件的名字。
2、<input type="button" id="i-check" value="浏览" class="btn" οnclick="$('#i-file').click();">浏览按钮用来给用户点击,触发单击事件来单击文件上传的input。
3、<input type="file" id='i-file' accept=".nse" οnchange="$('#location').val($('#i-file').val());" style="display: none">
文件上传按钮,文件上传内容改变的时候,将名字赋值给不可选的input框展示给用户。