bootstrap 上传图片插件 file-input 的简单使用

最近在写自己的个人网站 ,前端使用的bootstrap框架 ,做到上传图片功能的时候网上找到一个基于bootstrap的图片上传框架 file-input  插件, 这个插件做的非常符合我的审美观,所以简单记录一下这个插件的使用方法

首先根据自己的项目路径引入插件css和js文件

注意locale语言文件在fileinput.min.js文件之后引入

	<!-- file input -->
	<link href="https://blog.csdn.net/css/fileinput.min.css" rel="stylesheet">
	<script src="https://blog.csdn.net/js/fileinput.min.js"></script>
	<script src="https://blog.csdn.net/js/locales/zh.js" type="text/javascript"></script>

然后是html代码  因为我不是专业前端 所以前端代码写的很烂 轻喷  

    <!-- 模态框（Modal） -->
<span style="white-space:pre">	</span><div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<span style="white-space:pre">		</span><div class="modal-dialog">
<span style="white-space:pre">			</span><div class="modal-content">
<span style="white-space:pre">				</span><div class="modal-header">
<span style="white-space:pre">					</span><button type="button" class="close" data-dismiss="modal" aria-hidden="true">
<span style="white-space:pre">						</span>&times;
<span style="white-space:pre">					</span></button>
<span style="white-space:pre">					</span><h3 class="modal-title" id="myModalLabel" align="center">
<span style="white-space:pre">						</span><b>新增曲谱信息</b>
<span style="white-space:pre">					</span></h3>
<span style="white-space:pre">				</span></div>
<span style="white-space:pre">