> Java > java지도 시간 > 본문

Java에서 폴더 업로드 기능을 구현하는 방법

PHPz
풀어 주다: 2023-05-10 20:52:04
앞으로
2677명이 탐색했습니다.

1. 프런트 엔드에서 업로드 구성 요소를 설정하고 백엔드 서비스에 리소스를 업로드하는 방법

1) 먼저 폴더 제출을 위한 새 양식을 만들어야 합니다

1. type=file 및 webkitdirectory 로고를 추가하세요. 폴더 업로드 기능을 사용하세요

2. @change="uploadSoundCodeFolder" 이벤트를 추가하세요. 폴더를 업로드하면 uploadSoundCodeFolder() 함수가 트리거되어 업로드 로직을 처리합니다.

<form id="uploadSoundCodeFolderForm" 
 method="post" 
enctype="multipart/form-data">
  <input id="fileFolder" name="fileFolder" type="file" 
 		@change="uploadSoundCodeFolder" webkitdirectory>
</form>
로그인 후 복사

uploadSoundCodeFolder() 구현 로직은 다음과 같습니다

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(&#39;&#39;);
      })
}
로그인 후 복사

2) 그런 다음 숨겨진 양식을 트리거하기 위해 자체 프레임에 몇 가지 버튼을 추가합니다

이것의 장점은 UI를 사용하지 않고 양식 폴더 업로드 기능을 사용한다는 것입니다

<!-- 首先创建一个按钮用来触发上传事件 uploadSoundCodeBtn() -->
<el-button  v-loading="uploadSoundCodeLoading" 
@click="uploadSoundCodeBtn">
上传文件夹
</el-button>
로그인 후 복사
/*上传事件触发的方法*/
uploadSoundCodeBtn(){
  $("#fileFolder").click();
},
로그인 후 복사

2. 방법 백그라운드에서 폴더 양식 데이터를 수신하고 처리합니다

여기서는 List fileFolde 유형을 사용하여 프런트 엔드에서 전송된 파일 컬렉션을 허용합니다. fileFolde는 양식의 이름입니다

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

그런 다음 파일을 서버에 저장합니다. 비즈니스

public static String uploadSoundCode(List<MultipartFile> files) throws IOException {

        for (MultipartFile file : files) {
            String fileName = file.getOriginalFilename();
            if (StrUtil.isBlank(fileName)){
                continue;
            }
			
			//上传后的URL全路径
            String fullFilePath = "上传的跟路径" + fileName;
            FileUtil.writeFromStream(file.getInputStream(), fullFilePath);
        }

        return "";
    }
로그인 후 복사

위 내용은 Java에서 폴더 업로드 기능을 구현하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:yisu.com
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!