홈>
드래그 앤 드롭 파일 업로드 영역을 만들고 있습니다. 한 번에 여러 파일을 업로드하면 작동하지만 여러 단계에서 업로드를 지원할 수 있어야합니다. 아래 문제는 매번 파일을 설정한다는 것입니다.하지만 메소드가 호출 될 때마다 dFiles에 더 많은 파일을 추가하는 올바른 방법을 알 수 없습니다
var dFiles;
//var dFiles = []
var holder = document.getElementById('holder');
holder.ondrop = function (e) {
e.preventDefault();
dFiles = (e.dataTransfer.files);
//dFiles.push(e.dataTransfer.files);
}
dfile을 빈 배열로 초기화하고 파일을 추가하려고했습니다 (위 주석 처리). 나중에 파일 데이터를 읽을 때 데이터 형식 불일치 오류가 발생했습니다
for (var i = 0; i < dFiles.length; i++) {
reader = new FileReader();
reader.readAsDataUrl(dFiles[i]); //error
}
- 답변 # 1
관련 자료
- html - 자바 스크립트에서 캔버스를 사용하여 직사각형에서 마름모 개체 만들기
- 기존 개체 목록에서 새 개체 목록을 만드는 방법은 무엇입니까?
- 객체 배열의 배열 키를 새 속성 자바 스크립트로 사용하고 싶습니다
- 키를 기반으로 객체의 JavaScript 배열을 그룹화하는 방법
- reactjs - 자바 스크립트 urlSearchParams 객체에 속성 추가
- JavaScript - 자바 스크립트 - 개체에서 테이블을 만드는 방법은 무엇입니까?
- PHP 다차원 연관 배열과 유사한 자바 스크립트 동적 객체
- [개체 객체] javascript JSON 파일을받는 이유
- node.js - nodejs의 promise에서 JavaScript 객체를 반환하는 문제
- reactjs - 자바 스크립트 객체 내부에 동적으로 객체 생성
- node.js - 자바 스크립트 객체를 노드 서버로 보내는 방법
- reactjs - 자바 스크립트에서 배열의 다른 개체에 개체를 추가하는 방법
- Javascript es6에서 객체 배열을 필터링하는 방법
- 자바 스크립트 객체 값 변수
- 배열 객체 속성 자바 스크립트에 액세스
- 배열을 반복하여 하나의 JavaScript 객체로 결합하는 방법은 무엇입니까?
- destructuring - 변수에 속성 이름이있는 Javascript 객체 구조 해제
- sorting - 특정 객체 값을 무시하고 정확한 위치에 그대로 두는 Javascript 정렬
- nodejs 자바 스크립트 - 여러 키 값으로 객체 배열 줄이기
- 이름은 기존 개체 SQL Oracle에서 이미 사용 중입니다
트렌드
- OpenCv의 폴더에서 여러 이미지 읽기 (python)
- 파이썬 셀레늄 모든 "href"속성 가져 오기
- html - 자바 스크립트 - 클릭 후 변경 버튼 텍스트 변경
- javascript - 현재 URL에서 특정 div 만 새로 고침/새로 고침
- JSP에 대한 클래스를 컴파일 할 수 없습니다
- JavaScript 변수를 HTML div에 '출력'하는 방법
- git commit - 자식 - 로컬 커밋 된 파일에 대한 변경을 취소하는 방법
- jquery - JavaScript로 현재 세션 값을 얻으시겠습니까?
- javascript - swiperjs에서 정지, 재생 버튼 추가
- python - 화면에서 찾은 요소를 찾을 수없는 경우 셀레늄
e.dataTransfer.files
파일 목록입니다.dFiles
에 각 파일을 별도로 추가해야합니다 :또는 ES6 방식 :