آموزش خواندن فایل متنی از لوکال با جاوا اسکریپت + نمونه آماده
شاید برای شما هم پیش آماده که نیاز دارید یک فایل را از حافظه لوکال سیستم توسط جاوا اسکریپت بخوانید و ان را نمایش دهید
در این پست بصورت ساده این کار را یاد خواهید گرفت
برای این کا ما از XMLHttpRequest برای دریافت فایل استفاده خواهیم کرد
کد زیر کپی کنید
function readTextFile(file)
{
var myFile = new XMLHttpRequest();
myFile.open("GET", file, false);
myFile.onreadystatechange = function ()
{
if(myFile.readyState === 4)
{
if(myFile.status === 200 || myFile.status == 0)
{
var allText = myFile.responseText;
document.getElementById("hsBoard").innerHTML = allText;
}
}
}
myFile.send(null);
}
در این کد ما توسط شی XMLHttprequest فایل را دریافت میکنیم و مقدار ان را در hsBoard که یک تگ Div است نمایش میدهیم
کد کل آموزش در زیر آورده شده است (همچنین در پایین لینک پروژه عملی این کار اورده شده است که شما میتوانید ان را بصورت عملی تست کنید)
<html>
<head>
<script>
function readTextFile(file)
{
var myFile = new XMLHttpRequest();
myFile.open("GET", file, false);
myFile.onreadystatechange = function ()
{
if(myFile.readyState === 4)
{
if(myFile.status === 200 || myFile.status == 0)
{
var allText = myFile.responseText;
document.getElementById("hsBoard").innerHTML = allText;
}
}
}
myFile.send(null);
}
</script>
</head>
<body>
<div id='hsBoard'>
Click On Read button to Read File
</div>
<br />
<input type="button" value="Read" onClick="readTextFile('hs.txt')" /><br />
<br />
<a href='http://hypersource.ir/downloads/hs.txt'>hs.txt</a>
</body>
</html>
در این پست بصورت ساده این کار را یاد خواهید گرفت
برای این کا ما از XMLHttpRequest برای دریافت فایل استفاده خواهیم کرد
کد زیر کپی کنید
function readTextFile(file)
{
var myFile = new XMLHttpRequest();
myFile.open("GET", file, false);
myFile.onreadystatechange = function ()
{
if(myFile.readyState === 4)
{
if(myFile.status === 200 || myFile.status == 0)
{
var allText = myFile.responseText;
document.getElementById("hsBoard").innerHTML = allText;
}
}
}
myFile.send(null);
}
در این کد ما توسط شی XMLHttprequest فایل را دریافت میکنیم و مقدار ان را در hsBoard که یک تگ Div است نمایش میدهیم
کد کل آموزش در زیر آورده شده است (همچنین در پایین لینک پروژه عملی این کار اورده شده است که شما میتوانید ان را بصورت عملی تست کنید)
<html>
<head>
<script>
function readTextFile(file)
{
var myFile = new XMLHttpRequest();
myFile.open("GET", file, false);
myFile.onreadystatechange = function ()
{
if(myFile.readyState === 4)
{
if(myFile.status === 200 || myFile.status == 0)
{
var allText = myFile.responseText;
document.getElementById("hsBoard").innerHTML = allText;
}
}
}
myFile.send(null);
}
</script>
</head>
<body>
<div id='hsBoard'>
Click On Read button to Read File
</div>
<br />
<input type="button" value="Read" onClick="readTextFile('hs.txt')" /><br />
<br />
<a href='http://hypersource.ir/downloads/hs.txt'>hs.txt</a>
</body>
</html>
