更多ruoyi-nbcio功能請(qǐng)看演示系統(tǒng)

gitee源代碼地址

前后端代碼： https://gitee.com/nbacheng/ruoyi-nbcio

演示地址：RuoYi-Nbcio后臺(tái)管理系統(tǒng)

更多nbcio-boot功能請(qǐng)看演示系統(tǒng)

gitee源代碼地址

后端代碼： https://gitee.com/nbacheng/nbcio-boot

前端代碼：https://gitee.com/nbacheng/nbcio-vue.git

在線演示（包括H5） ： http://122.227.135.243:9888

·? ? ? ?基于jeecgboot的nbcio-boot里面有涉及文件的上傳與回顯或下載，里面很多模塊都有這方面的需求，所以這里統(tǒng)一對(duì)這部分做說(shuō)明。

? ? ? ? 因?yàn)橹С直镜嘏cOSS的文件上傳與處理，所以這里主要進(jìn)行本地與其它類型的區(qū)分

? ? ? ?在yml進(jìn)行設(shè)置，如下，主要是類型與上傳地址

jeecg :
  # 是否啟用安全模式
  safeMode: false
  # 簽名密鑰串(前后端要一致，正式發(fā)布請(qǐng)自行修改)
  signatureSecret: nbcioestar05f1c54d63749eda95f9fa6d49v442aestarnbcio
  # 本地：local\Minio：minio\阿里云：alioss
  uploadType: local
  path :
    #文件上傳根目錄 設(shè)置
    upload: /opt/upFiles
    #webapp文件路徑
    webapp: /opt/webapp

1、后端的處理

所以在java調(diào)用的時(shí)候需要上面信息，同時(shí)調(diào)用下面的方法

@Value(value = "${jeecg.path.upload}")
	private String uploadpath;

	/**
	* 本地：local minio：minio 阿里：alioss
	*/
	@Value(value="${jeecg.uploadType}")
	private String uploadType;

if(CommonConstant.UPLOAD_TYPE_LOCAL.equals(uploadType)){
                    		uploadPath = CommonUtils.uploadLocal(FileUtil.getMultipartFile(imageFile),"/bs",uploadpath);
                            
                        }else{
                        	uploadPath = CommonUtils.upload(FileUtil.getMultipartFile(imageFile), "/bs", uploadType);
                        }

這樣可以返回上傳的地址，以便保存到數(shù)據(jù)庫(kù)里。

2、前端的處理

前端圖片顯示的時(shí)候需要進(jìn)行轉(zhuǎn)換，如：src="getImgView(file_url)"，

:href="downloadFile(file_url)"

/* 圖片預(yù)覽 */
      getImgView(text){
        if(text && text.indexOf(",")>0){
          text = text.substring(0,text.indexOf(","))
        }
        return getFileAccessHttpUrl(text)
      },
      downloadFile(text){
        if(!text){
          this.$message.warning("未知的文件")
          return;
        }
        if(text.indexOf(",")>0){
          text = text.substring(0,text.indexOf(","))
        }
        let url = getFileAccessHttpUrl(text)
        return url;
      },

或者用下面的下載方式文章來(lái)源地址http://www.zghlxwxcb.cn/news/detail-817015.html

downloadFile(text){
      if(!text){
        this.$message.warning("未知的文件")
        return;
      }
      if(text.indexOf(",")>0){
        text = text.substring(0,text.indexOf(","))
      }
      let url = getFileAccessHttpUrl(text)
      window.open(url);
    },

到了這里，關(guān)于nbcio-boot項(xiàng)目的文件上傳與回顯處理方法的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！