파일이 FormData 개체에도 반영되는 FileList 개체에서 파일 개체 및 길이 속성을 어떻게 설정합니까? 프롬프트에 설명된 대로 의 .files 속성 요소를 다른 요소의 .files 속성 또는 DataTransfer.files 속성. 그러나 FileList 객체에는 .files 속성을 통해 설정한 후에도 0으로 유지되는 .length 속성이 있습니다. 또한 이 접근 방식을 사용하면 수정된 .files로 인해 .size가 0인 File 객체가 생성됩니다. 이 문제를 해결하려면 먼저 FileList가 변경 가능한지 확인해야 합니다. 이는 DataTransfer 생성자를 활용하여 DataTransferItemList를 통해 액세스할 수 있는 변경 가능한 FileList를 생성함으로써 달성할 수 있습니다. FileList가 변경 가능해지면 DataTransferItemList.add() 메서드를 사용하여 파일을 개별적으로 설정할 수 있습니다. 이렇게 하면 FileList.length 속성이 올바른 파일 수로 설정됩니다. 이 절차에 따라 파일은 양식에서 생성된 FormData 개체에도 반영됩니다. 예는 다음과 같습니다. const dT = new DataTransfer(); dT.items.add(new File(['foo'], 'programmatically_created.txt')); document.querySelector('input[type="file"]').files = dT.files;로그인 후 복사 이 접근 방식을 사용하면 요소는 DataTransfer 개체에서 생성된 파일로 채워집니다. FileList.length 속성은 1로 설정되고 파일은 양식에서 생성된 FormData 객체에 반영됩니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
