前臺代碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<link href="bootstrap-3.3.4-dist/css/bootstrap.min.css" rel="stylesheet" />
<link rel="stylesheet" href="css/fileinput.css" />
<script type="text/javascript" src="js/jquery-1.9.0.min.js" ></script>
<script type="text/javascript" src="js/fileinput.js" ></script>
<script src="bootstrap-3.3.4-dist/js/bootstrap.min.js" type="text/javascript"></script>
</head>
<body>
<div class="container kv-main">
<br>
<form enctype="multipart/form-data">
<div class="form-group">
<input id="file-1" type="file" multiple class="file" data-overwrite-initial="false" data-min-file-count="2">
</div>
</form>
<script>
$("#file-1").fileinput({
uploadUrl: 'http://www.baidu.com', // you must set a valid URL here else you will get an error
allowedFileExtensions : ['jpg', 'png','gif'],
overwriteInitial: false,
maxFileSize: 1000,
maxFilesNum: 10,
//allowedFileTypes: ['image', 'video', 'flash'],
slugCallback: function(filename) {
return filename.replace('(', '_').replace(']', '_');
}
});
</script>
</div>
</body>
</html>
後臺代碼：
HttpPostedFileBase file = Request.Files[0];
string filesub = file.FileName.Substring(file.FileName.LastIndexOf('.'));
string path = Server.MapPath("~/Upload/") + file.FileName;
file.SaveAs(path);