Bootstrap3框架下 使用 Bootstrap-table 结合 Bootstrap- file input 使用 Bootstrap3-dialog 弹出上传页面列出上传的文件(支持多文件上传)网站中使用的单页面应用 还用到了 require 引用外部JS文件 页面中所有需要的引用,具体文件请到对应官网下载...
</pre><span style="font-size:14px;">文件路径结构如上图</span></p><p><span style="font-size:14px;">contentList.html文件代码如下:</span></p><p><pre name="code" class="html"><span style="font-size:14px;"><!DOCTYPE html>
<html>
<head>
<title>测试首页</title>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link rel="stylesheet" type="text/css" href="../../css/bootstrap.min.css" />
<link rel="stylesheet" type="text/css" href="../../css/bootstrap-table.min.css" />
<link rel="stylesheet" type="text/css" href="../../css/bootstrap-dialog.min.css" />
<link rel="stylesheet" type="text/css" href="../../css/fileinput.min.css" />
<script type="text/javascript" src="../../js/jquery-2.1.4.min.js"></script>
<script type="text/javascript" src="../../js/bootstrap.min.js"></script>
<script type="text/javascript" src="../../js/bootstrap-dialog.min.js"></script>
<script type="text/javascript" src="../../js/bootstrap-table.min.js"></script>
<script type="text/javascript" src="../../js/fileinput.min.js"></script>
<script type="text/javascript" src="../../js/require.js"></script>
</head>
<body>
<div class="container-fluid">
<div id="mcmListDiv" class="row">
<div class="col-xs-10">
<div class="row">
<div class="col-xs-2">
<form id="uploadForm" method="post" action="/docs/file" enctype="multipart/form-data">
<input type="file" accept=".doc,.docx,.xls,.xlsx,.ppt,.pptx,.txt,.pdf,.csv,.htm,.html,.jpg,.jpeg,.tif,.tiff,.bmp,.png,.gif" title="上传文件" multiple="multiple" id="uploadBtn" name="file" data-show-preview="false" />
</form>
</div>
</div>
</div>
</div>
<div id="uploadFilesDiv" class="hidden&#