ویدئو های پربازدید سایت

آموزش خواندن فایل متنی از لوکال با جاوا اسکریپت + نمونه آماده

شاید برای شما هم پیش آماده که نیاز دارید یک فایل را از حافظه لوکال سیستم توسط جاوا اسکریپت  بخوانید و ان را نمایش دهید
در این پست بصورت ساده این کار را یاد خواهید گرفت

برای این کا ما از  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>

برای مشاهده نمونه اینجا کلیک کنید







در صورتی که سوالی راجع به این آموزش دارید در بخش نظرات همین پست مطرح و از ارسال ان از بخش ارتباط با ما خود داری نمائید

ویدئو های مرتبط



;

labkhand پاسخ

سلامزعاااالی بود.سپاسگزارم. 1395/9/8 19:12

labkhand پاسخ

سلامزعاااالی بود.سپاسگزارم. 1395/9/8 19:13

حسین پاسخ

👍ممنون خیلی خوب بود 1397/3/17 8:49

صمد احمدی پاسخ

می خوام تصویر را ازیک مسیر روی یه html نشون بدم بهم میتونید آموزش بدید این تلفنمه
09111250925 اگه جوابتونو رو بهم اس بدید ممنون میشم البته هزینه اش رو باشما توافق میکنم 1397/11/17 16:46

ویدئو هایی که شاید بپسندید!