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須要本身建立

 

})