bootstrap文件上传的插件以及使用方法

1.原来bootstrap有文件上传的插件
下载地址：http://plugins.krajee.com/file-input
2.图片上传需要的js和样式

<script type="text/javascript" src="jsbootstrap/locales/zh.js"></script>
<script type="text/javascript" src="jsbootstrap/fileinput.min.js" ></script>
<link href="css/css/fileinput.min.css" rel="stylesheet">

3.在模态框里加入样式

 <label class="control-lable"></label>
 <input type="file"  name="my" class="file" value="aaa" />

4.利用form提交表单，直接将表单写在模态框的外边

<form action="http://localhost:8080/GD/UploadAction_execute.action" method="post" enctype="multipart/form-data" name="uploadfile" target="id_iframe">
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal"
                        aria-hidden="true">×
                </button>
                <h4 class="modal-title" id="myModalLabel">
                </h4>
            </div>
            <div class="modal-body">
                <label class="control-lable"></label>
                <input type="file"  name="my" class="file" value="${deal.image}" />
                按下 ESC 按钮退出。
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default"
                        data-dismiss="modal">关闭
                </button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
</form>