So implementieren Sie die Ordner-Upload-Funktion in Java

1. So richten Sie die Upload-Komponente im Frontend ein und laden Ressourcen in den Backend-Dienst hoch

1) Zuerst müssen wir ein neues Formular zum Senden von Ordnern erstellen

1. Fügen Sie eine Eingabe-Übermittlungskomponente mit type=file hinzu Fügen Sie das Webkitdirectory-Logo hinzu.

2. Fügen Sie das Ereignis @change="uploadSoundCodeFolder" hinzu Die Implementierungslogik lautet wie folgt

<form id="uploadSoundCodeFolderForm" 
 method="post" 
enctype="multipart/form-data">
  <input id="fileFolder" name="fileFolder" type="file" 
 		@change="uploadSoundCodeFolder" webkitdirectory>
</form>

2) Dann fügen wir einige Schaltflächen in unserem eigenen Frame hinzu, um das versteckte Formular auszulösen

Der Vorteil davon besteht darin, dass die Formularordner-Upload-Funktion verwendet wird, ohne die Benutzeroberfläche zu verwenden

uploadSoundCodeFolder(e){
      this.uploadSoundCodeLoading = true;
      //获取到选中的文件夹内的所有文件
      //files 为一个集合
      //可通过遍历 files 的方式获取到每个文件的大小等数据,来实现大小限制等需求
      let files = e.target.files;
		
      //中间省略大小限制等需求......
      
      //获取表单数据
      let formData = new FormData(document.getElementById("uploadSoundCodeFolderForm"));

	  //调用后台服务方法来提交该表单数据
	  uploadSoundCode(formData).then((res)=>{
                _this.$message.success("上传成功")
				//上传成功后清空表单数据
      			$("#fileFolder").val('');
      })
}

<!-- 首先创建一个按钮用来触发上传事件 uploadSoundCodeBtn() -->
<el-button  v-loading="uploadSoundCodeLoading" 
@click="uploadSoundCodeBtn">
上传文件夹
</el-button>

2. Anleitung Ordnerformulardaten im Hintergrund empfangen und verarbeiten

Hier verwenden wir den Typ List fileFolde, um die vom Frontend gesendete Dateisammlung zu akzeptieren

/*上传事件触发的方法*/
uploadSoundCodeBtn(){
  $("#fileFolder").click();
},

Dann speichern Sie die Datei einfach entsprechend dem Geschäft

@RequestMapping(value="/uploadSoundCode",method= RequestMethod.POST)
public AjaxResult uploadSoundCode(List<MultipartFile> fileFolde) throws IOException {
        String soundCodeUrl = HereUtil.uploadSoundCode(fileFolder);
        return AjaxResult.success(soundCodeUrl);
    }

Das obige ist der detaillierte Inhalt vonSo implementieren Sie die Ordner-Upload-Funktion in Java. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!