支援多檔案上傳，預覽，拖拽的基於bootstrap的上傳外掛fileinput
阿新 • • 發佈：2019-01-29
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
<link href="path/to/css/fileinput.min.css" media="all" rel="stylesheet" type="text/css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!--如果你想再上傳圖片之前調整圖片的大小，你需要引入canvas-to-blob.min.js。並且要在fileinput.min.js之前引用 -->
<script src="path/to/js/plugins/canvas-to-blob.min.js" type="text/javascript"></script>
<!--如果你想在初始預覽的時候為圖片分類和從新排列，你需要引入sortable.min.js。並且要在fileinput.min.js之前引用 -->
<script src="path/to/js/plugins/sortable.min.js" type="text/javascript"></script>
<!--如果你希望簡化你的之前寫的html檔案中的html，你就需要引用purify.min.js，而且必須在fileinput.min.js之前引用 -->
<script src="path/to/js/plugins/purify.min.js" type="text/javascript"></script>
<link href="path/to/css/fileinput.min.css" media="all" rel="stylesheet" type="text/css" />
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!--如果你想再上傳圖片之前調整圖片的大小，你需要引入canvas-to-blob.min.js。並且要在fileinput.min.js之前引用 -->
<script src="path/to/js/plugins/canvas-to-blob.min.js" type="text/javascript"></script>
<!--如果你想在初始預覽的時候為圖片分類和從新排列，你需要引入sortable.min.js。並且要在fileinput.min.js之前引用 -->
<script src="path/to/js/plugins/sortable.min.js" type="text/javascript"></script>
<!--如果你希望簡化你的之前寫的html檔案中的html，你就需要引用purify.min.js，而且必須在fileinput.min.js之前引用 -->
<script src="path/to/js/plugins/purify.min.js" type="text/javascript"></script>