上传文件,需要使用到html
的input
控件,其type
为file
。Boostrap
提供了一个美观且功能强大上传控件,样式如下:
它提供文件的预览,并且自带remove
和upload
按钮。要使用这个控件,需要再额外引入相应的js
和css
文件,如下:
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap-fileinput/4.4.6/css/fileinput.min.css"/>
<script src="https://cdn.bootcss.com/bootstrap-fileinput/4.4.6/js/fileinput.min.js"></script>
上传控件的html
代码如下:
<form class="avatar-input-form" method="POST" enctype="multipart/form-data">
<input name="avatar_upload" type="file"