當前位置:
首頁 >
前端技术
> javascript
>内容正文
javascript
fileinput 加 ftp 加 nginx 加 SpringBoot上传文件
生活随笔
收集整理的這篇文章主要介紹了
fileinput 加 ftp 加 nginx 加 SpringBoot上传文件
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
親測可用
準備linux服務器??https://www.cnblogs.com/shuaifing/p/8268949.html
?
搭建ftp?https://www.cnblogs.com/shuaifing/p/8260532.html
?
Springboot整合fileinput
上傳文件https://www.cnblogs.com/shuaifing/p/8274906.html
?
頁面
引入 jquery boostrap? fileinput.min.js?fileinput.min.css?
<form method="post" class="box-header with-border" action="" id="dataFrom" enctype="multipart/form-data" ><label>文件上傳:</label>
<input id="file" name="file" multiple="multiple" type="file" class="file">
</form>
js
$(function(){ var _allowedFile = ['jpg', 'png', 'gif', 'apk', 'zip', 'xlsx', 'xls'];
var _maxFileSize = 10000;
$("#file").fileinput({
language: 'zh', //設置語言
uploadUrl: ctx+"fileupload", //上傳的地址
allowedFileExtensions: _allowedFile,//接收的文件后綴
uploadAsync: true, //默認異步上傳
showUpload: true, //是否顯示上傳按鈕
maxFileSize: _maxFileSize,
showRemove : true, //顯示移除按鈕
showPreview : false, //是否顯示預覽
showCaption: false,//是否顯示標題
browseClass: "btn btn-primary", //按鈕樣式
dropZoneEnabled: false,//是否顯示拖拽區域
maxFileCount: 1, //表示允許同時上傳的最大文件個數
enctype: 'multipart/form-data',
validateInitialCount:true
});
});
health和images需要自己創建
?
})
轉載于:https://www.cnblogs.com/jiahaoJAVA/p/9878017.html
總結
以上是生活随笔為你收集整理的fileinput 加 ftp 加 nginx 加 SpringBoot上传文件的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 细说php第四版笔记,细说PHP 学习笔
- 下一篇: Spring AOP / AspectJ