هایپر سورس

مرجع کاربردی برنامه نویسان ایـــرانی

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

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

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

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








نوع پرداخت :

چگونه میتوانم این محصول را با تخفیف دریافت نمایم ؟

  • 1) اگر عضو سایت باشید، 5% تخفیف در محصول اعمال میشود (برای اعمال شدن این مورد میبایست وارد حساب کاربری خود شوید)
  • 2) اگر موجودی حساب شما بالاتر از 1,000 تومان باشد، 10% تخفیف بر روی محصول اعمال خواهد شد (این مبلغ برای این محصول میباشد)
  • 3) در صورتی که در سایت به عنوان کاربر نویسنده باشید و حداقل 3 پست داشته باشید، 5% تخفیف اعمال خواهد شد
  • مشاهده وضعیت تخفیف ها برای این محصول
  • در صورتی که تمامی شرایط بالا را داشته باشید میتوانید این محصول را باقیمت 0 تومان دریافت نمایید.
  • همچنین میتوانید با وارد کردن کد تخفیف، از میزان تخفیف کد و شرایط بالا بصورت همزمان استفاده کنید

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

labkhand پاسخ

سلامزعاااالی بود.سپاسگزارم.

labkhand پاسخ

سلامزعاااالی بود.سپاسگزارم.

حسین پاسخ

👍ممنون خیلی خوب بود
هم اکنون نـــظر بدهید

HyperSourCe.ir

info@hypersource.ir

کلیه حقوق برای وب سایت هایپر سورس محفوظ است
CopyRight ©2014-2018
ارتباط با ما
نام شما
ایمیل
موبایل
آیدی تلگرام

لطفا منتظر بمانید. . .

پیام سیستم