H5 새 속성 -- 파일 읽 기
그리고 JS 에서 이 탭 을 가 져 옵 니 다. onchang 이 벤트 를 감청 하여 파일 을 읽 습 니 다. (파일 경 로 를 읽 는 것 을 예 로 들 면)
var inp = document.querySelector("#myFile");
inp.onchange = function () {
//console.log(this.files);
for (var i = 0;i < this.files.length;i++) {
var file = this.files[i];
console.log(file);
var fr = new FileReader();
fr.readAsDataURL(file);
fr.onload = function () {
console.log(this.result);
var img = new Image();
img.src = this.result;
document.body.appendChild(img);
}
}
}
다음 매개 변수의 의미 와 다른 방법:
File
* lastModified ( )
* lastModifiedDate
* name
* type
* size *
* */
기타 방법:
/ * * * FileReader * 1, FileReader 인 스 턴 스 구축 * 2, 사용 할 읽 기 방식 선택: readAsDataURL (), 파일 대상 을 이 방법 * 3, 감청 읽 기 완료 이벤트 onload, this. result 를 통 해 읽 기 결과 * 4, 기타 이벤트 감청 * * 읽 기 방식: * readAsDataURL (file) 읽 기 주소 * readAsText (file [, encoding])텍스트 읽 기 * readAsBinary String (file) 을 바 이 너 리 로 읽 기 * * 이벤트: * onload 읽 기 완료 * onloadstart 읽 기 시작 * onloadstart 읽 기 종료 읽 기 성공 여부 와 상 관 없 이 * onerror 오류 트리거 * onabort 읽 기 중단 시 트리거 * * abort () 읽 기 중단 방법 * * /
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
다양한 언어의 JSONJSON은 Javascript 표기법을 사용하여 데이터 구조를 레이아웃하는 데이터 형식입니다. 그러나 Javascript가 코드에서 이러한 구조를 나타낼 수 있는 유일한 언어는 아닙니다. 저는 일반적으로 '객체'{}...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
