HTML5와 JavaScript를 사용하여 일반 텍스트 파일 가져 오기

저는 JavaScript가 처음이므로이 질문에 대한 대답이 분명한 경우 저를 용서하십시오.HTML5와 JavaScript를 사용하여 일반 텍스트 파일 가져 오기

텍스트 편집기 웹 응용 프로그램의 가져 오기 기능을 설정하려고합니다.

function dataImport() { 
    confirm("Are you sure you want to import the selected file? This will overwrite any data that is currently saved in the application workplace."); 
    var fileReader = new FileReader(); 
    window.localStorage.setItem("AppData", fileReader.readAsText(document.querySelector("#import-selector").value)); 
};

를 그리고이 활성화되어야한다 : 다음과 같이

내 코드가 대신 로컬 스토리지에 파일의 내용을 작성하는

<input id="import-selector" type="file" /><button id="import-button" onclick="dataImport();">Import File</button>

, 그러나, 단순히 단어를 쓴다 '정의되지 않음'. 나는 어떤 종류의 오류가 발생했다고 생각하지만, 나는 그것이 무엇인지 모른다.

도움이나 조언을 미리 보내 주셔서 감사합니다.

출처

2010-11-24 木川炎星

어떤 브라우저를 사용하고 있습니까? –

Google 크롬, 개발자 채널. –

HTML의 lick 이벤트에 대해 들어 본 적이 없습니다.

시도가 작동합니다 어쩌면 onclick="...

에 onlick="... 트리거를 변경) 아마 HTML5의 새로운 뭔가입니까? Chrome FileReader

내가 그것을 시도, 그것은 완벽하게 작동 : 이제 고정 있다는

,이 예제를보십시오. 파일 내용을 오류 콘솔에 출력합니다.

행운을 빈다.

출처

2010-11-24 05:11:01 Blender

와우, 그게 내 바보 같았 어. 이제 마침내 콘솔에서 오류가 발생했습니다! 나는 그 문제를 해결했다. –

흠. 언급 한 스크립트를 다시 작성했지만이 오류가 발생합니다 : "잡히지 않은 TypeError : 속성 '길이가'미정의"읽을 수 없습니다. 맞춤 스크립트를 온라인에 게시했습니다. http://jsfiddle.net/CwfSy/ –

Nevermind. 어떤 이유로 나는 스크립트가 onclick을 실행하는 것을 좋아하지 않지만 입력 태그를 onchange로 설정하면 그것을 작동 시켰습니다. –

HTML5와 JavaScript를 사용하여 일반 텍스트 파일 가져 오기

답변

관련 문제