快捷導(dǎo)航

JeecgBoot文件上傳實(shí)現(xiàn)方式

更新時(shí)間：2026年01月20日 11:05:05 作者：bug0到1

JeecgBoot提供本地和阿里云兩種文件上傳方式,本地上傳需要修改配置文件,設(shè)置上傳目錄,并在前端頁(yè)面展示圖片時(shí)進(jìn)行相應(yīng)的配置,阿里云上傳則需要注冊(cè)阿里云賬號(hào),開(kāi)通OSS服務(wù),并在配置文件中進(jìn)行相應(yīng)的設(shè)置,上傳到阿里云OSS的文件會(huì)直接存儲(chǔ)完整鏈接,后臺(tái)不需要拼接

一、JeecgBoot自帶兩種文件上傳方式

1、本地

2、阿里云

3、配置文件如圖所示

二、本地上傳方式

1、更改配置文件中uploadType方式

uploadType: local

2、文件上傳根目錄可隨意設(shè)置

path :
    #文件上傳根目錄 設(shè)置
    upload: /fiel1/file2

3、如果其他不更改的話，數(shù)據(jù)庫(kù)默認(rèn)存的是temp/文件名，后臺(tái)前端頁(yè)面展示圖片時(shí)，需配置

（1）、列表對(duì)應(yīng)字段加入插槽

{
   title:'圖片',
   align:"center",
   dataIndex: 'image',
   scopedSlots:{customRender:"image"}
},

（2）、a-table標(biāo)簽加入, scopedSlots:{customRender:“image”} 需和slot=“image” 對(duì)應(yīng)

<!--返回圖片-->
  <template slot="image" slot-scope="text,record,index">
     <div class="anty-img-wrap">
     <a-avatar shape="square" :src="getAvatarViewPro(record.image)" icon="user"/>
  </div>
</template>

（3）、script中引入

import {getFileAccessHttpUrl} from '@/api/manage';

（4）、methods方法

	  //顯示圖片
      getAvatarViewPro:function(image) {
        if(image.indexOf(",") != -1){
          var str1 = image.substring(0,image.indexOf(","));
          return getFileAccessHttpUrl(str1);
        }else{
          return getFileAccessHttpUrl(image);
        }
      },

4、如果小程序端頁(yè)面展示圖片，有兩種方法

（1）、小程序端/H5/app，自己將服務(wù)器地址和后臺(tái)返回的圖片地址拼接(可用，不提倡)

（2）、后臺(tái)拼接返回完整的地址，小程序端/H5/app直接展示

配置文件path中加入url配置

path :
    url: 服務(wù)器地址:端口號(hào)/項(xiàng)目名/sys/common/static/

后臺(tái)對(duì)應(yīng)類(lèi)中引入如下，方法中進(jìn)行拼接返回

@Value("${jeecg.path.url}")
private String upLoadUrl;

三、阿里云上傳方式

1、更改配置文件中uploadType方式

uploadType: alioss

2、注冊(cè)登錄阿里云賬號(hào)，開(kāi)通oss服務(wù)，創(chuàng)建相關(guān)秘鑰和bucket

下一篇專(zhuān)門(mén)寫(xiě)怎么開(kāi)通阿里云oss服務(wù)

3、至此阿里云上傳方式完畢，數(shù)據(jù)庫(kù)直接存儲(chǔ)的是完整的可訪問(wèn)鏈接，后臺(tái)不需要自己拼接

4、此時(shí)阿里云oss中，上傳的所有文件都在一起，沒(méi)有根據(jù)日期創(chuàng)建文件夾區(qū)分

在jeecg-boot-base\jeecg-boot-base-core\src\main\java\org\jeecg\common\util\oss\文件夾在找到OssBootUtil類(lèi)，修改upload方法如下：

//按時(shí)間分文件夾
String datePath = new DateTime().toString("yyyy/MM/dd/HH");
String fileName = datePath + "_" + (orgName.indexOf(".")==-1
                              ?orgName + "_" + System.currentTimeMillis()
                              :orgName.substring(0, orgName.lastIndexOf("."))
                              + "_" + System.currentTimeMillis() + orgName.substring(orgName.lastIndexOf(".")));