나는이 문제를 많이 시도했지만 대답을 찾지 못했습니다. 어떻게하면 자바 스크립트 또는 HTML을 사용하여 파일을 읽을 수 있습니다. 나는 "sample.txt"라는 텍스트 파일을 가지고 있고 그것에 몇 가지 정보가있다. html 파일이이 파일을 처리하는 html 코드를 포함하는 html 파일과 동일한 폴더에 배치됩니다. 필자는 파일에서 정보를 읽고 일부 div에 표시하려고합니다. 주로 파일을 읽는 방법을 알고 싶습니다.Javascript - 파일 읽기 (업로드 된 파일이 아니지만 html 파일과 같은 디렉토리에있는 파일)
필요한 경우 자세한 정보를 제공합니다.
덕분에 처음에
: 자바 스크립트는 클라이언트 측에서 실행됩니다. 파일의 내용을 가져 오기 위해서는 AJAX-Request를 사용해야합니다. jQuery의 load()이이를 달성하는 가장 쉬운 방법 인 것 같습니다. 예를 들어
: 당신은 자바 스크립트를 사용하여 실제 파일 내용을 가져올 수
$('#theContentElement').load('sample.txt');
. 이것은 "의 Sample.txt"
의 내용으로 아이디 YOUR_DIV_ID와 사업부의 내용을 업데이트합니다
$("#YOUR_DIV_ID").load("sample.txt");
당신은 정기적으로 아약스 수행 할 수 있습니다 여기에 load 기능을 사용하여 샘플 코드를 사용하여 JQuery와는 jQuery없이 파일을 읽을 수도 있습니다.
다음은 myfile.txt에서 데이터를 가져 오기 위해 GET 요청을 사용하여 ID가 인 DIV 태그에 출력을합니다.입니다.
<script>
function ajaxGet()
{
var xmlhttp;
if (window.XMLHttpRequest)
{
xmlhttp=new XMLHttpRequest();
}
else
{
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("output").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","myfile.txt",true);
xmlhttp.send();
}
ajaxGet();
</script>
<div id="output"></div>
내가 파일을로드 할 수 없습니다 오류 MLHttpRequest 무엇입니까 : /// ..... 원점 널 (null)이 액세스 제어 - 허용 - 원산지에 의해 허용되지 않습니다. –
URL이 잘못되었을 수 있습니다. 이 파일이 로컬 파일 시스템에 있습니까? 그래서, 자바 스크립트로 HDD 파일을 열길 원합니 까? –