>웹 프론트엔드 >JS 튜토리얼 >파일 업로드를 위해 FileList 및 FormData를 프로그래밍 방식으로 수정하는 방법은 무엇입니까?

파일 업로드를 위해 FileList 및 FormData를 프로그래밍 방식으로 수정하는 방법은 무엇입니까?

Susan Sarandon
Susan Sarandon원래의
2024-12-03 19:40:10800검색

How to Programmatically Modify FileList and FormData for File Uploads?

지정된 파일로 FileList 및 FormData를 수정하는 방법

다른 의 FileList가 있는 요소 또는 DataTransfer.files를 사용하면 업로드할 파일을 지정할 수 있습니다. 그러나 이 접근 방식에는 문제가 있습니다.

  • .files.length 속성은 0으로 유지됩니다.
  • FormData()에 전달된 File 개체의 .size는 0입니다.

이용한 솔루션 DataTransfer

DataTransfer 생성자는 DataTransferItemList를 통해 액세스할 수 있는 변경 가능한 FileList를 생성합니다. FileList에 임의의 파일을 설정하려면 다음 접근 방식을 사용할 수 있습니다.

const dT = new DataTransfer();
dT.items.add(new File(['foo'], 'programmatically_created.txt'));
inp.files = dT.files;

여기서 dT는 새로운 DataTransfer 개체이고 inp는 입력 요소입니다. 이 기술을 사용하면 특정 파일을 설정하고, FileList의 .length 속성을 업데이트하고, 파일이 FormData 개체에 반영되는지 확인할 수 있습니다.

위 내용은 파일 업로드를 위해 FileList 및 FormData를 프로그래밍 방식으로 수정하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.