zlei6/openserp
1
0
Fork 0
mirror of https://github.com/karust/openserp.git synced 2026-08-12 03:43:27 +08:00
Code Issues Packages Projects Releases Wiki Activity
Files
9cc69da758d9e4ae2ea4e034c9d011d7df2a1377
openserp/bing/testdata/search_results.html

14 lines
140 KiB
HTML
Raw Blame History

This file contains invisible Unicode characters
This file contains invisible Unicode characters that are indistinguishable to humans but may be processed differently by a computer. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<html dir="ltr" lang="en" xml:lang="en" xmlns="http://test.test" xmlns:web="http://test.test"><head><title>how to read file in JS - Search</title></head><body class="b_respl b_sbText"><div id="ajaxStyles"><div></div><div></div></div><header id="b_header" role="banner" class=""><div id="bnp.nid.63968" class="" data-viewname="CornerBOP" data-vertical="serp" style=""><div id="b_bnp_bopc" class="b_bnp_bopc popup" style=""><div id="b_bopc_img"><img id="b_bopc_img_cont" src="http://test.test" data-priority="2" alt="" data-bm="23"/></div><div id="b_bopc_content"><div id="b_bopc_desc" aria-label="Turn your searches into gift cards with the Microsoft Rewards Extension." tabindex="0">Turn your searches into gift cards with the Microsoft Rewards Extension.</div><div id="b_bopc_cta_cont"><a id="b_bopc_cta" class="b_bnp_btn b_bnp_cta" aria-label="Add it now" href="http://test.test" tabindex="0" target="_blank" role="button" _ct="ID=SERP,5908.1">Add it now</a><div id="b_bopc_dsm" class="b_bnp_btn b_bnp_dsm" aria-label="Later" role="button" tabindex="0">Later</div></div></div></div></div><a id="b_skip_to_content" data-priority="2" href="#" role="button" tabindex="0"><div class="text-back"><div class="text" href="#">Skip to content</div></div></a><a id="b_a11y_feedback" data-priority="2" href="#" role="button" tabindex="0"><div class="text-back"><div class="text" href="#">Accessibility Feedback</div></div></a><form action="/search" id="sb_form" class="hassbi hasmic"><a class="b_logoArea" target="" href="/?FORM=Z9FD1" h="ID=SERP,5043.1"><h1 class="b_logo" title="Back to Bing search" data-bm="1"></h1></a><div class="b_searchboxForm" role="search" data-bm="2"><div id="sb_search"><div id="sb_go_par" data-sbtip="Search the web"><div id="b_icon_spyglass" class="sb_icon"></div><input type="submit" class="b_searchboxSubmit" id="sb_form_go" tabindex="0" name="go" value="Search"/></div></div><input class="b_searchbox" id="sb_form_q" name="q" aria-autocomplete="both" aria-label="Enter your search here - Search suggestions will show as you type" type="search" value="how to read file in js" maxlength="2000" dir="" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false"/><div id="sb_clt" class="sb_clrhov" data-second-sbtipx="Clear" data-sbtipx="Clear"><a id="sw_clx" data-second-href="javascript:void(0)" tabindex="0" aria-label="Clear text" role="button"><div class="sw_close"></div></a></div><div id="sbiarea" data-idprefix="sb" data-ptn=""><div id="sb_sbip" data-sbtip="Search using an image" data-lgdgevt="0"><div id="sb_sbi" tabindex="0" role="button" data-scrtl="1" aria-label="Search using an image" aria-expanded="false" hsevt="1"><div id="sbi_b" class="sb_icon"></div></div></div><div id="sb_sbiwrapper"><div id="sbicom"></div></div></div><div id="mic_05D2931" class="mic_cont icon partner" data-preload="true"><div id="vs_mic_icon" class="mic_icon sb_icon"></div><div class="ovr_cont"><div class="b_icon tooltip" role="button" tabindex="0" aria-label="Search using voice" data-sbtipx="Search using voice" data-tooltip="Search using voice" data-bm="47"></div></div></div><input id="sa_qs" name="qs" value="ds" type="hidden"/><input type="hidden" value="QBRE" name="form"/><div id="sw_as" style=""><div class="sa_as" data-priority="2" style=""></div><div role="status" aria-live="polite" aria-atomic="true" style=""></div></div><div id="sb_sbidialog" class="sbidialog sbifre" mode="normal" data-icwid="sb_sbip" data-idprefix="sb" data-idpostfix="" data-ptn="" data-maxpx="0" data-quality="0" data-priority="2" data-baseurl="/images/kblob?iss=%SBIPAGENAME%&amp;FORM=%FORMCODE%&amp;rtpu=%REDIRECTURL%&amp;sbisrc=%SOURCE%" data-addparams="" data-fcode="SBIWEB" data-multup="true" data-idbsto="false" data-vsimg="1" data-esr="1" data-vsserpeh="1" data-sbieddf="1" data-enableopensbiparam="false" data-passparams="" data-ldicon="1" data-disvidclone="" data-noimgoc="0" data-sbiflyout="v1" partnername="Web" data-drpanywhr="true" data-urlval="false" data-mindragpx="25" data-resetdlg="true"><div id="sb_sbicls" class="sbiclsbtn" tabindex="0" role="button" aria-label="Close"><img class="clsbtnimg rms_img" width="16" height="16" alt="Close" src="http://test.test"/><img class="clsoptbtnimg rms_img" width="20" height="20" alt="Close" src="http://test.test"/></div><div id="sb_sbipane" class="sbipane" role="dialog" data-inputid="sb_fileinput" data-sttop="1" data-noscrl-showhdr="1" click-proxy-id="sb_brtext" drop-eff-id="sb_sbidialog"><div id="sb_sbiinfbtn" tabindex="0" role="tooltip" class="sbiinfbtn" aria-label="The photos you provided may be used to improve Bing image processing services."><img class="infbtnimg rms_img" width="16" height="16" role="presentation" loading="lazy" src="http://test.test"/><div class="infbtntt accDialog"><div class="infbd">The photos you provided may be used to improve Bing image processing services.</div><div class="sbiinflnks"><a id="sb_sbiprilnk" class="sbiinflnk" target="_blank" data-link="http://test.test" aria-label="Privacy Policy" href="#" h="ID=.SBI,5041.1">Privacy Policy</a><span class="sbiinfsep">|</span><a id="sb_sbisalnk" class="sbiinflnk" target="_blank" data-link="http://test.test" aria-label="Terms of Use" href="#" h="ID=.SBI,5042.1">Terms of Use</a></div></div></div><div id="sb_sbiopc" class="sbiopc"><div id="url-err" class="errcntr"><div id="url-err-msg" class="errmsg">Can't use this link. Check that your link starts with 'http://' or 'https://' to try again.</div></div><div id="bcid-err" class="errcntr"><div id="bcid-err-msg" class="errmsg">Unable to process this search. Please try a different image or keywords.</div></div><div id="sb_dropzone" class="dropzone"><div><div role="heading" aria-level="1" class="sbitit">Try Visual Search</div><div class="sbisubtit">Search, identify objects and text, translate, or solve problems using an image</div></div><div class="drgdrp"><div class="drgdrpimg"><img class="icon1 rms_img" flex-shrink="0" alt="Drop an image here" src="http://test.test"/><img class="icon2 rms_img" flex-shrink="0" alt="Drop an image here" src="http://test.test"/></div><div class="dpnmpn"><span class="dptext">Drag one or more images here,</span><span id="sb_brtext" class="brtext" tabindex="0" role="button" aria-label="upload an image">upload an image</span><span class="dptext">or</span><span id="sb_tkpct" class="brtext" tabindex="0" role="button" aria-label="open camera">open camera</span></div></div><span class="dpintext">Drop image anywhere to start your search</span><span class="dpload"><div class="loadingdiv"><img id="loadingimg" height="50" width="50" role="presentation" class="rms_img" loading="lazy" src="http://test.test"/></div></span><input id="sb_fileinput" class="fileinput" type="file" accept="image/gif, image/jpeg, image/png, image/webp" multiple=""/></div></div><div class="normalzone"><img class="psticon rms_img" width="16" height="16" alt="paste image link to search" loading="lazy" src="http://test.test"/><div id="sb_pastearea" class="pastearea" data-pasteurl="Paste image URL"><input id="sb_imgpst" class="imgpst" type="text" placeholder="paste image link to search"/></div></div><div id="sb_camcontent" class="camcontent"><video id="sb_webvideo" class="webvideo"></video><div class="cammsgp"><div class="cammsg">To use Visual Search, enable the camera in this browser</div></div><div class="camoppn"><div id="sb_cambtn" class="cambtn" tabindex="0" role="button" aria-label="Take photo"><div class="cambtncirclelarge"></div><div class="cambtncirclesmall"></div></div></div></div></div><a id="sb_sbi_dmlnk" class="sbi_dmlnk" aria-hidden="true" tabindex="-1" href="/images" h="ID=.SBI,5043.1"></a></div></div></form><div id="id_h" class="id_tooltip_container" role="complementary" aria-label="Account Rewards and Preferences" data-priority="2" data-bm="3"><span id="langChange" class="b_hide langdisp langdisp langdisp langdisp"><a data-noajax="1" href="/search?q=what+is+megadeath&amp;form=QBLH&amp;sp=-1&amp;ghc=1&amp;lq=0&amp;pq=what+is+megadeath&amp;sc=9-17&amp;qs=n&amp;sk=&amp;cvid=C644685F91984DFB95D49D0036C97088&amp;setlang=de&amp;sid=0E1F26FB10B5601D1363319D11296159" h="ID=SERP,5041.1">Deutsch</a></span><a class="id_button tooltip linkBtn" data-priority="2" id="id_rh_w" dir="ltr" aria-label="Microsoft Rewards" aria-expanded="false" aria-controls="rewid-f" aria-haspopup="true" role="button" tabindex="0" href="javascript:void(0)" h="ID=SERP,5057.1"><div id="rh_rwm" class="serp kumo_rewards medallion unc medal-newlevel-circled" data-rewards-widget="medallion" data-content="eyJiYWxhbmNlIjowLCJnb2FsVHJhY2tFbmFibGVkIjpmYWxzZSwiZ29hbFRyYWNrQmFsYW5jZSI6MCwic2xpbSI6ZmFsc2UsImF1dG9PcGVuRmx5b3V0SWRTZWxlY3RvciI6ImlkX2giLCJuYXZVcmwiOiIiLCJpc05ld0xldmVsTWVkYWxsaW9uRW5hYmxlZCI6dHJ1ZSwiaXNOZXdMZXZlbE1lZGFsbGlvbkVuYWJsZWRGb3JBbGxWZXJ0aWNhbCI6dHJ1ZSwibmV3TGV2ZWxUcmVhdG1lbnQiOiJUMiIsImlzVk5leHRIb21lcGFnZSI6ZmFsc2UsInRvb2x0aXAiOnsiYnlGZWF0dXJlIjp7Ik5ld0xldmVsIjpudWxsLCJTaWduSW4iOiJTaWduIGluIHRvIGVhcm4gd2l0aCBNaWNyb3NvZnQgUmV3YXJkcyIsIkRhaWx5U2VhcmNoIjoie3tlYXJuZWR9fSBvZiB7e2xpbWl0fX0gcHRzIHRvZGF5IFx1MDBCNyB7e2JhbGFuY2V9fSB0b3RhbCJ9fSwiaXNLdW1vSGVhZGVyRW5hYmxlZCI6dHJ1ZSwiaXNNZWRhbGxpb25PbkNvcGlsb3RTZWFyY2hFbmFibGVkIjpmYWxzZSwiaXNCYWxhbmNlQW5pbWF0aW9uRGlzYWJsZWQiOmZhbHNlLCJmbHlvdXQiOnsiaXNPcGVuQnlEZWZhdWx0RW5hYmxlZCI6ZmFsc2UsIm9wZW5CeURlZmF1bHRNb2RlIjoiZGlzYWJsZWQifSwiaXNHbG93TWVkYWxsaW9uRW5hYmxlZCI6ZmFsc2UsImlzR2xvd01lZGFsbGlvbkNvbnRyb2xFbmFibGVkIjpmYWxzZSwiaXNWTmV4dEZseW91dEVuYWJsZWQiOmZhbHNlLCJ1c2VyUHJvZ3Jlc3MiOnsiZGlzcGxheSI6IiIsImFuaW1hdGUiOiIiLCJ2ZXJzaW9uIjoiIn0sImlzTmV3TGV2ZWxNZWRhbGxpb25FbmFibGVkRm9yQ29waWxvdFZlcnRpY2FsIjpmYWxzZSwibmV3TGV2ZWxNZWRhbGxpb25UcmVhdG1lbnRGb3JDb3BpbG90VmVydGljYWwiOiJUMiIsImxldmVsIjpudWxsLCJyZWREb3RGbGlnaHRTdGF0ZSI6IiIsImlzUmV3YXJkc1VzZXIiOmZhbHNlfQ=="><div class="b_clickarea" data-priority="2" data-bm="77"><span class="points-container" data-tag="RewardsHeader.Counter">117</span><div class="medal"></div><span style="" data-tag="RewardsHeader.RewardsLink"></span></div></div><div id="rewid-f" style="" data-tag="RewardsHeader.Flyout" aria-modal="true" data-bm="82"></div></a><span id="nc_iid" _ig="5714CEBC14394999898AF599424297E8" _iid="SERP.5055"></span><a id="id_l" class="id_button tooltip_hide linkBtn" aria-haspopup="true" aria-controls="id_d" data-clarity-mask="true" href="javascript:void(0)" h="ID=SERP,5049.1"><div class="b_hide"><span id="5D659E_1_btn" class="cbtn" data-appns="SERP" data-k="5104.1"><input type="submit" name="submit" value="Sign in" aria-label=""/></span></div><span class="sw_spd id_avatar" id="id_a" aria-hidden="false" aria-label="Sign in"></span><img id="id_p" class="id_avatar sw_spd" style="" alt="Profile Picture" data-alt="" data-bm="24"/></a><span id="id_d" _iid="SERP.5069"><div class="id_currentAccount"><div class="id_company ic_ms_click" role="img" aria-label="microsoft logo" title="Trending Now On Bing" tabindex="0"><div class="glyph_msft"></div></div></div><ul class="id_accountList_container" id="b_idProviders" aria-labelledby="id_l"><li class="id_accountItem"><a role="link" class="b_toggle b_imi" data-a="false" data-p="W" target="_top" href="http://test.test" h="ID=SERP.5069,5002.1"><img class="glyph_signin rms_img" aria-label="personal signin" role="presentation" loading="lazy" src="http://test.test"/><span class="id_text_signin">Sign in with a personal account</span></a></li></ul><div id="HBContent" role="menu"><a role="menuitem" aria-label="Collections" class="hb_section" tabindex="-1" href="/saves?FORM=O2HV46" h="ID=SERP.5069,5124.1"><div class="hb_titlerow"><div class="hbic_col"><span class="hbic_saves"></span></div><div class="hb_title_col">Collections</div><div class="hb_value_col"></div></div></a><div class="hb_sect_container"><div class="hb_section hb_top_sec" id="hbsettings" tabindex="-1" role="menuitem" aria-haspopup="true" aria-expanded="false" aria-controls="hbsettree"><div class="hb_titlerow"><div class="hbic_col"><span class="hbic_setting"></span></div><div class="hb_title_col">Settings</div><div class="hb_value_col"><span class="hbic_chevdown"></span><span class="hbic_chevup b_hide"></span></div></div></div><div id="hbsettree" role="menu" class="hb_expandible slide_up" aria-hidden="true" aria-labelledby="hbsettings"><a role="menuitem" aria-label="Settings, Language, English" class="hb_section" tabindex="-1" href="/account/general?ru=REDACTED&amp;FORM=O2HV65&amp;id=language_section" h="ID=SERP.5069,5365.1"><div class="hb_titlerow"><div class="hbic_col"></div><div class="hb_title_col">Language</div><div class="hb_value_col"></div></div><div class="hb_detrow">English</div></a><a role="menuitem" aria-label="Settings, Country/Region, Germany" class="hb_section" tabindex="-1" href="/account/general?ru=REDACTED&amp;FORM=O2HV65&amp;id=region_section" h="ID=SERP.5069,5366.1"><div class="hb_titlerow"><div class="hbic_col"></div><div class="hb_title_col">Country/Region</div><div class="hb_value_col"></div></div><div class="hb_detrow">Germany</div></a><a role="menuitem" aria-label="Settings, Voice" class="hb_section" tabindex="-1" href="/account/general?ru=REDACTED&amp;FORM=O2HV65&amp;id=bing_voice_section" h="ID=SERP.5069,5370.1"><div class="hb_titlerow"><div class="hbic_col"></div><div class="hb_title_col">Voice</div><div class="hb_value_col"></div></div></a><a role="menuitem" aria-label="Settings, More" class="hb_section" tabindex="-1" href="/account/general?ru=REDACTED&amp;FORM=O2HV65" h="ID=SERP.5069,5368.1"><div class="hb_titlerow"><div class="hbic_col"></div><div class="hb_title_col">More</div><div class="hb_value_col"></div></div></a></div></div><a role="menuitem" aria-label="SafeSearch" class="hb_section hbic_safesearch_row" tabindex="-1" href="/account/general?ru=REDACTED&amp;FORM=O2HV46&amp;sh=0" h="ID=SERP.5069,5369.1"><div class="hb_titlerow"><div class="hbic_col"><span class="hbic_safesearch"></span></div><div class="hb_title_col">SafeSearch</div><div class="hb_value_col">Moderate</div></div></a><a role="menuitem" aria-label="Search history" class="hb_section" tabindex="-1" href="/profile/history?FORM=O2HV46" h="ID=SERP.5069,5125.1"><div class="hb_titlerow"><div class="hbic_col"><span class="hbic_history"></span></div><div class="hb_title_col">Search history</div><div class="hb_value_col"></div></div></a><a role="menuitem" aria-label="Privacy" class="hb_section" tabindex="-1" target="_blank" href="http://test.test" h="ID=SERP.5069,5126.1"><div class="hb_titlerow"><div class="hbic_col"><span class="hbic_privacy"></span></div><div class="hb_title_col">Privacy</div><div class="hb_value_col"></div></div></a><a id="hb_feedback" class="sb_feedback hb_section linkBtn feedback-binded" role="menuitem" tabindex="-1" href="javascript:void(0)" h="ID=SERP.5069,5374.1"><div class="hb_titlerow"><div class="hbic_col"><span class="hbic_feedback"></span></div><div class="hb_title_col">Feedback</div></div></a><div id="desktopdarkmode" class="hb_sect_container"><div class="hb_section hb_top_sec" id="hbradio" tabindex="-1" role="menuitem" aria-haspopup="true" aria-expanded="false" aria-controls="hbradiobtn"><div class="hb_titlerow"><div class="hbic_col"><span class="hbic_darkmode"></span></div><div class="hb_title_col">Appearance</div><div class="hb_value_col"><span class="hbic_chevdown"></span><span class="hbic_chevup b_hide"></span></div></div></div><div id="hbradiobtn" role="menu" class="hb_expandible slide_up" aria-labelledby="hbradio" aria-hidden="false"><a class="hb_section" role="menuitemradio" aria-label="Appearance, Light" tabindex="-1" href="#" h="ID=SERP.5069,5375.1" aria-checked="true"><div class="hb_titlerow"><label for="rdiolight"><input type="radio" name="dm_rdio" value="0" id="rdiolight"/><span>Light</span><img role="presentation" class="rms_img" loading="lazy" src="http://test.test"/></label></div></a><a class="hb_section" role="menuitemradio" aria-label="Appearance, Dark" tabindex="-1" href="#" h="ID=SERP.5069,5376.1" aria-checked="false"><div class="hb_titlerow"><label for="rdiodark"><input type="radio" name="dm_rdio" value="1" id="rdiodark"/><span>Dark</span><img role="presentation" class="rms_img" loading="lazy" src="http://test.test"/></label></div></a><a class="hb_section" role="menuitemradio" aria-label="Appearance, System default" tabindex="-1" href="#" h="ID=SERP.5069,5377.1" aria-checked="false"><div class="hb_titlerow"><label for="rdiodef"><input type="radio" name="dm_rdio" value="2" id="rdiodef"/><span>System default</span><img role="presentation" class="rms_img" loading="lazy" src="http://test.test"/></label></div></a></div></div><div class="serp_thm hb_sect_container"><div id="hbthemes" class="hb_section hb_top_sec" tabindex="-1" role="menuitem" aria-expanded="false" aria-controls="hbthemesbox" aria-haspopup="true"><div class="hb_titlerow"><div class="hbic_col"><span class="hbic_themes"></span></div><div class="hb_title_col">Themes</div><div class="hb_value_col"><span class="hbic_chevdown"></span><span class="hbic_chevup b_hide"></span></div></div></div><div id="hbthemesbox" class="hb_expandible slide_up" aria-hidden="true" role="group"><div class="hb_section hb_spthm" role="group"><div class="hb_titlerow" role="menuitem"><ul class="serp_theme_list hb_spthm_t" role="listbox" aria-labelledby="hbthemes"><li tabindex="-1" role="option" class="serp_theme_item selected_theme" data-theme-id="ThDf" aria-selected="true" aria-label="Default"><img title="Default" class="rms_img" loading="lazy" src="http://test.test"/></li><li tabindex="-1" role="option" class="serp_theme_item" data-theme-id="ThAb1" aria-selected="false" aria-label="Layers"><img title="Layers" class="rms_img" loading="lazy" src="http://test.test"/></li><li tabindex="-1" role="option" class="serp_theme_item" data-theme-id="ThAb2" aria-selected="false" aria-label="Minimal"><img title="Minimal" class="rms_img" loading="lazy" src="http://test.test"/></li><li tabindex="-1" role="option" class="serp_theme_item" data-theme-id="ThAb3" aria-selected="false" aria-label="Bubbles"><img title="Bubbles" class="rms_img" loading="lazy" src="http://test.test"/></li><li tabindex="-1" role="option" class="serp_theme_item" data-theme-id="ThAb4" aria-selected="false" aria-label="Pastel"><img title="Pastel" class="rms_img" loading="lazy" src="http://test.test"/></li><li tabindex="-1" role="option" class="serp_theme_item" data-theme-id="ThAb5" aria-selected="false" aria-label="Gradient"><img title="Gradient" class="rms_img" loading="lazy" src="http://test.test"/></li><li tabindex="-1" role="option" class="serp_theme_item" data-theme-id="ThAb6" aria-selected="false" aria-label="Shapes"><img title="Shapes" class="rms_img" loading="lazy" src="http://test.test"/></li><li tabindex="-1" role="option" class="serp_theme_item" data-theme-id="ThAb7" aria-selected="false" aria-label="Ribbon"><img title="Ribbon" class="rms_img" loading="lazy" src="http://test.test"/></li><li tabindex="-1" role="option" class="serp_theme_item" data-theme-id="ThPride" aria-selected="false" aria-label="Pride"><img title="Pride" class="rms_img" loading="lazy" src="http://test.test"/></li><li tabindex="-1" role="option" class="serp_theme_item" data-theme-id="ThHalo" aria-selected="false" aria-label="Halo"><img title="Halo" class="rms_img" loading="lazy" src="http://test.test"/></li><li tabindex="-1" role="option" class="serp_theme_item" data-theme-id="ThRb" aria-selected="false" aria-label="Roblox"><img title="Roblox" class="rms_img" loading="lazy" src="http://test.test"/></li></ul></div></div></div></div><div id="b_hb_footer"><div id="b_hb_footerItems"><ul role="menu"><li role="menuitem"><div id="mcp_footer" data-mcp-url="http://test.test" class="mcp_footer"><span>Manage Cookie Preferences</span></div></li><li role="menuitem"><a id="b_hb_sb_privacy" target="_blank" href="http://test.test" h="ID=SERP.5069,5394.1">Privacy</a></li><li role="menuitem"><a id="b_hb_sb_legal" target="_blank" href="http://test.test" h="ID=SERP.5069,5395.1">Terms</a></li><li role="menuitem"><a id="b_hb_sb_b_sum_terms" target="_blank" href="http://test.test" h="ID=SERP.5069,5396.1">Bing Summary of Terms</a></li><li role="menuitem"><a id="b_hb_sb_advertise" target="_blank" href="http://test.test" h="ID=SERP.5069,5397.1">Advertise</a></li><li role="menuitem"><a id="b_hb_sb_adinfo" target="_blank" href="http://test.test" h="ID=SERP.5069,5398.1">About our ads</a></li><li role="menuitem"><a id="b_hb_sb_help" target="_blank" href="http://test.test" h="ID=SERP.5069,5401.1">Help</a></li><li role="menuitem"><a id="b_hb_sb_link1" target="_blank" href="http://test.test" h="ID=SERP.5069,5399.1">Impressum</a></li><li role="menuitem"><a id="b_hb_sb_link2" target="_blank" href="http://test.test" h="ID=SERP.5069,5400.1">Datenschutz in Europa</a></li><li role="menuitem"><span>© 2026 Microsoft</span></li></ul></div></div><div id="id_1"></div></div></span><span id="id_hbfo" _iid="SERP.5068" class="slide_up nohpfo" tabindex="-1" aria-hidden="true" aria-labelledby="id_sc" role="menu"></span></div><nav class="b_scopebar" role="navigation" aria-label="Search Filter" data-bm="0"><ul><li class="b_active" data-menuurl="" id="b-scopeListItem-web" data-query=""><a class="" aria-current="page" disableredirectlink="False" href="/?scope=web&amp;FORM=HDRSC1" h="ID=SERP,5031.1">All</a></li><li class="" data-menuurl="" id="id_2" data-query="" inlinechat="true"><a class="" aria-current="false" disableredirectlink="False" href="/copilotsearch?q=how+to+read+file+in+JS&amp;FORM=CSSCOP" h="ID=SERP,5040.1">Search</a></li><li class="" data-menuurl="" id="id_3" data-query=""><a class="" target="_blank" aria-current="false" disableredirectlink="False" href="http://test.test" h="ID=SERP,5037.1">Shopping</a></li><li class="" data-menuurl="" id="id_4" data-query=""><a class="" target="_blank" aria-current="false" disableredirectlink="False" href="http://test.test" h="ID=SERP,5033.1">Images</a></li><li class="" data-menuurl="" id="id_5" data-query=""><a class="" target="_blank" aria-current="false" disableredirectlink="False" href="http://test.test" h="ID=SERP,5034.1">Videos</a></li><li class="" data-menuurl="" id="id_6" data-query=""><a class="" target="_blank" aria-current="false" disableredirectlink="False" href="http://test.test" h="ID=SERP,5035.1">Maps</a></li><li class="" data-menuurl="" id="id_7" data-query=""><a class="" target="_blank" aria-current="false" disableredirectlink="False" href="http://test.test" h="ID=SERP,5032.1"><span class="scp_conv_mode"></span>Copilot</a></li><li id="id_8"><a target="_self" aria-current="false" href="javascript:void(0);" tabindex="0" aria-haspopup="true" role="button"><span class="b_sp_menu_separ"></span>More</a><div class="b_sp_over_cont"><ul class="b_sp_over_menu"><li class="b_sp_over_item b_scopebar_item" data-menuurl="" id="id_9" data-query=""><a class="" target="_blank" aria-current="false" disableredirectlink="False" href="http://test.test" h="ID=SERP,5036.1">News</a></li><li class="b_sp_over_item b_scopebar_item" data-menuurl="" id="id_10" data-query=""><a class="" target="_blank" aria-current="false" disableredirectlink="False" href="http://test.test" h="ID=SERP,5038.1">Flights</a></li><li class="b_sp_over_item b_scopebar_item" data-menuurl="" id="id_11" data-query=""><a class="" target="_blank" aria-current="false" disableredirectlink="False" href="http://test.test" h="ID=SERP,5039.1">Travel</a></li><li id="scope_tools_wrapper" class="b_sp_over_item b_scopebar_item"><a class="linkBtn" href="javascript:void(0)" h="ID=SERP,5048.1">Tools</a></li></ul></div></li></ul></nav></header><div id="b_sydConvOuter"></div><div id="b_content" class=""><main aria-label="Search Results"><div id="b_tween" class="b_hidetoggletween"><div id="b_tween_searchTools" class="b_hide" data-bm="4"><span class="ftrB"><a class="ftrH" id="h5165" role="button" aria-label="Filtered by Date" aria-expanded="false" aria-controls="d5165" aria-haspopup="true" href="javascript:" h="ID=SERP,5451.1"><span class="fs_label">Date</span><span class="sw_ddbk"></span></a><div id="d5165" class="b_hide b_dropdown" role="menu" data-filterkey=""><div class="ftrD" id="ftrD_Date"><a class="b_toggle" role="menuitem" href="/search?q=how+to+read+file+in+JS&amp;qs=n&amp;sp=-1&amp;lq=0&amp;pq=how+to+read+file+in+j&amp;sc=0-21&amp;cvid=5714CEBC14394999898AF599424297E8&amp;sid=0E1F26FB10B5601D1363319D11296159&amp;FORM=000017&amp;qpvt=how+to+read+file+in+JS" h="ID=SERP,5433.1">All</a><a class="b_toggle" role="menuitem" target="" tabindex="-1" href="/search?q=how+to+read+file+in+JS&amp;filters=ex1%3A%22ez1%22&amp;qs=n&amp;sp=-1&amp;lq=0&amp;pq=how+to+read+file+in+j&amp;sc=0-21&amp;cvid=5714CEBC14394999898AF599424297E8&amp;sid=0E1F26FB10B5601D1363319D11296159&amp;FORM=000017&amp;qpvt=how+to+read+file+in+JS" h="ID=SERP,5434.1">Past 24 hours</a><a class="b_toggle" role="menuitem" target="" tabindex="-1" href="/search?q=how+to+read+file+in+JS&amp;filters=ex1%3A%22ez2%22&amp;qs=n&amp;sp=-1&amp;lq=0&amp;pq=how+to+read+file+in+j&amp;sc=0-21&amp;cvid=5714CEBC14394999898AF599424297E8&amp;sid=0E1F26FB10B5601D1363319D11296159&amp;FORM=000017&amp;qpvt=how+to+read+file+in+JS" h="ID=SERP,5435.1">Past week</a><a class="b_toggle" role="menuitem" target="" tabindex="-1" href="/search?q=how+to+read+file+in+JS&amp;filters=ex1%3A%22ez3%22&amp;qs=n&amp;sp=-1&amp;lq=0&amp;pq=how+to+read+file+in+j&amp;sc=0-21&amp;cvid=5714CEBC14394999898AF599424297E8&amp;sid=0E1F26FB10B5601D1363319D11296159&amp;FORM=000017&amp;qpvt=how+to+read+file+in+JS" h="ID=SERP,5436.1">Past month</a><a class="b_toggle" role="menuitem" target="" tabindex="-1" href="/search?q=how+to+read+file+in+JS&amp;filters=ex1%3A%22ez5_20235_20600%22&amp;qs=n&amp;sp=-1&amp;lq=0&amp;pq=how+to+read+file+in+j&amp;sc=0-21&amp;cvid=5714CEBC14394999898AF599424297E8&amp;sid=0E1F26FB10B5601D1363319D11296159&amp;FORM=000017" h="ID=SERP,5437.1">Past year</a><span id="drvph" data-url="/control/tfcalendar?q=how%20to%20read%20file%20in%20JS&amp;qs=n&amp;form=QBRE&amp;sp=-1&amp;lq=0&amp;pq=how%20to%20read%20file%20in%20j&amp;sc=0-21&amp;sk=&amp;cvid=5714CEBC14394999898AF599424297E8&amp;ajaxnorecss=1&amp;sid=0E1F26FB10B5601D1363319D11296159&amp;format=snrjson&amp;jsoncbid=1&amp;ajaxsydconv=1&amp;ajaxnoresbf=1&amp;IG=81619E4A666F47259328825775810FB3&amp;StartDate=05%2f17%2f2026+20%3a13%3a40&amp;EndDate=05%2f27%2f2026+20%3a13%3a40&amp;IsApplied=False&amp;DisplayText=Custom+range&amp;DateOffset=0&amp;FormCode=&amp;ApplyLinkUrl=%2fsearch%3fq%3dhow%2bto%2bread%2bfile%2bin%2bJS%26filters%3dex1%253a%2522ez5_0_0%2522%26qs%3dn%26sp%3d-1%26lq%3d0%26pq%3dhow%2bto%2bread%2bfile%2bin%2bj%26sc%3d0-21%26cvid%3d5714CEBC14394999898AF599424297E8%26sid%3d0E1F26FB10B5601D1363319D11296159%26FORM%3d000017%26qpvt%3dhow%2bto%2bread%2bfile%2bin%2bJS&amp;ApplyLinkText=ez5&amp;IID=SERP.5165"></span></div></div></span><div class="" data-priority="2"><div class="toggle_item" id="ntf_newtabfil" role="button" aria-pressed="true" aria-disabled="false" tabindex="0" data-appns="SERP" data-k="5764.0"><div class="ntf_label toggle_label nt_tit" id="ntf_newtabfil_label">Open links in new tab</div><div class="nt_val toggle_ctrl"><div id="ntf_newtabfil_ctrl" class="ntf_img toggle_on toggle_img" role="presentation"></div></div></div></div></div></div><div id="b_mcw" class=""><ol id="b_topw" class="b_results_eml" data-bm="20"><li class="b_ans" data-tag="" data-partnertag="" data-id="" h="SERP,5672.1"><div id="copans_container" class="copans_container" data-appns="SERP" data-k="5788"><div id="ca_main" class="ca_main ca_wbrand" style=""><div class="ca_top_sec"><div class="copans_ttl" role="heading" aria-level="2"></div><div role="button" class="gs_secctrl_item invrs gs_aidisc" tabindex="0" aria-label="This summary was generated by AI from multiple online sources. Find the source links used for this summary under &quot;Based on sources&quot;. Learn more about Bing search results here." aria-controls="gs_infobbl" aria-describedby="gs_infobbl" aria-expanded="false"><span role="button" aria-label="Information" style=""></span><div id="gs_infobbl" class="gs_infobbl" role="tooltip" tabindex="-1">Content was generated with AI.<br/>Learn more about Bing search results<a target="_blank" aria-label="Learn more" href="http://test.test" h="ID=SERP,5686.1">how Bing delivers search results</a></div></div><div class="gs_secctrl gs_acffb with_ai"><div id="acf_fdbk_16" data-priority="2" data-iid="ACFThumbsUpDownFeedback_16"><acf-thumbs-up-down-feedback align="Right" size="Default" data-service="WholePageTemplate" data-scenario="MagazineV3" data-feed="MagazineCreator_Layout1" data-priority="2" data-unique-itemid="16" data-bm="75" data-init="1"><div class="fdbk__tud_container fdbk_tu_container"><acf-button-standard data-appns="ACFThumbsUpDownFeedback_16_1" data-kvalue="5000.1" data-locale="en-US" class="fdbk__tu_btn feedback-binded" data-shape="Rectangle" data-size="Default" data-style="Subtle" data-weight="Strong" data-inline-size="FitContent" data-ghost="" data-icon-only="" data-interaction-type="Positive" data-is-ready="" id="acffdbk_tu_16"><button type="button" aria-disabled="false" aria-hidden="false" tabindex="" title="Like" class="acf-button-standard__btn" aria-label="Like"><acf-icon data-appns="ACFThumbsUpDownFeedback_16_1" data-kvalue="5001.1" data-locale="en-US" class="acf-button-standard__icon" data-size="M" data-is-ready=""></acf-icon><div class="acf-button-standard__label" data-visually-hidden="">Like</div></button></acf-button-standard><acf-badge data-appns="ACFThumbsUpDownFeedback_16_1" data-kvalue="5002.1" data-locale="en-US" class="fbdk__tud_badge fbdk__badge_bottom" data-style="Neutral" data-size="Default" data-weight="Default" data-fill="Priority" data-is-ready=""><span>Like</span></acf-badge></div><div class="fdbk__tud_container fdbk_td_container"><acf-button-standard data-appns="ACFThumbsUpDownFeedback_16_1" data-kvalue="5003.1" data-locale="en-US" class="fdbk__td_btn feedback-binded" data-shape="Rectangle" data-size="Default" data-style="Subtle" data-weight="Strong" data-inline-size="FitContent" data-ghost="" data-icon-only="" data-interaction-type="Negative" data-is-ready="" id="acffdbk_td_16"><button type="button" aria-disabled="false" aria-hidden="false" tabindex="" title="Dislike" class="acf-button-standard__btn" aria-label="Dislike"><acf-icon data-appns="ACFThumbsUpDownFeedback_16_1" data-kvalue="5004.1" data-locale="en-US" class="acf-button-standard__icon" data-size="M" data-is-ready=""></acf-icon><div class="acf-button-standard__label" data-visually-hidden="">Dislike</div></button></acf-button-standard><acf-badge data-appns="ACFThumbsUpDownFeedback_16_1" data-kvalue="5005.1" data-locale="en-US" class="fbdk__tud_badge fbdk__badge_bottom" data-style="Neutral" data-size="Default" data-weight="Default" data-fill="Priority" data-is-ready=""><span>Dislike</span></acf-badge></div></acf-thumbs-up-down-feedback></div></div></div><div class="answer_container" role="region" aria-label="Copilot Search"><div id="b_wpt_container" class="b_wpt_container lgwjsfix wpt_rmspc" data-appns="SERP" data-k="5126" data-fbhlsel=".b_wpt_container"><div data-tag="WholePageTemplate.MagazineContainer" class="mgz-exp-543e112c-aec8-4cab-8c78-5f0b88fc086b"><div id="slideexp1_DFCF34c" class="b_canvas b_slideexp" data-control-id="slideexp1_DFCF34" data-appns="SERP" data-k="5678.1" data-stk=""><div class="b_overlay"><div id="id_12" class="chevron_overlay_prev disabled"></div><div id="id_13" class="btn disabled prev ltr bigrounded bld" data-dir="" role="button" data-clicked-msg="The content has shifted toward the left-hand side" aria-label="Click to scroll left" aria-hidden="true"><div class="bg"><span></span></div><div class="vcac"><div style=""><div class="cr"><div class=""></div></div></div></div></div><div id="id_14" class="chevron_overlay_next disabled"></div><div id="id_15" class="btn disabled next ltr bigrounded bld" data-dir="" role="button" data-clicked-msg="The content has shifted toward the right-hand side" aria-label="Click to scroll right" aria-hidden="true"><div class="bg"><span></span></div><div class="vcac"><div style=""><div class="cr"><div class=""></div></div></div></div></div><div class="b_slidesContainer" style=""><div class="b_viewport scrollbar" nativescrollingenabled="1" style=""><div class="b_slidebar" id="slideexp1_DFCF34" role="list" style=""><div class="slide wptSld rowSpan4 colSpan11" data-dataurl="" data-rinterval="" data-appns="SERP" data-k="5677.1" data-tag="" style="" tabindex="" data-mini="" role="listitem"><div class="b_wpt_bl colSpan11 rowSpan4 wpt_nh b_wpt_bl_h b_wpt_bl_back" data-appns="SERP" data-k="5168"><div class="b_crtrm_wrapper b_crtrm_compact" data-priority="2" data-userauth="false" data-appns="SERP" data-k="5790"><div class="b_crtrm"><div class="b_crtrm_skeleton"><acf-skeleton data-appns="SERP" data-kvalue="5792.1" data-locale="en-US" class="b_skeleton b_skeleton_title" data-is-ready=""><div class="acf-skeleton__layer1"></div><div class="acf-skeleton__layer2"></div></acf-skeleton><acf-skeleton data-appns="SERP" data-kvalue="5793.1" data-locale="en-US" class="b_skeleton b_skeleton_text" data-is-ready=""><div class="acf-skeleton__layer1"></div><div class="acf-skeleton__layer2"></div></acf-skeleton><acf-skeleton data-appns="SERP" data-kvalue="5794.1" data-locale="en-US" class="b_skeleton b_skeleton_text" data-is-ready=""><div class="acf-skeleton__layer1"></div><div class="acf-skeleton__layer2"></div></acf-skeleton><acf-skeleton data-appns="SERP" data-kvalue="5795.1" data-locale="en-US" class="b_skeleton b_skeleton_text" data-is-ready=""><div class="acf-skeleton__layer1"></div><div class="acf-skeleton__layer2"></div></acf-skeleton><acf-skeleton data-appns="SERP" data-kvalue="5796.1" data-locale="en-US" class="b_skeleton b_skeleton_text" data-is-ready=""><div class="acf-skeleton__layer1"></div><div class="acf-skeleton__layer2"></div></acf-skeleton><acf-skeleton data-appns="SERP" data-kvalue="5797.1" data-locale="en-US" class="b_skeleton b_skeleton_text" data-is-ready=""><div class="acf-skeleton__layer1"></div><div class="acf-skeleton__layer2"></div></acf-skeleton><acf-skeleton data-appns="SERP" data-kvalue="5798.1" data-locale="en-US" class="b_skeleton b_skeleton_end" data-is-ready=""><div class="acf-skeleton__layer1"></div><div class="acf-skeleton__layer2"></div></acf-skeleton></div><div class="b_crtrm_cnt b_show"><div class="b_cnt_resp b_md_code" tabindex="0"><p data-bm="83">You can read files in JavaScript using the<strong>File API</strong>and the<strong>FileReader</strong>interface.<br/>This works in the browser when the user selects a file via an<code><input type="file"></code>or drag-and-drop — JavaScript<strong>cannot</strong>read arbitrary files from the user’s disk without explicit selection for security reasons<span class="b_crt_citation_wrapper" data-bm="94"><span class="b_crt_citation_badge" aria-label="Using files from web applications - Web APIs | MDN - http://test.test" tabindex="0" data-bm="95"><span class="b_crt_citation_num">1</span></span></span><span class="b_crt_citation_wrapper" data-bm="96"><span class="b_crt_citation_badge" aria-label="FileReader - Web APIs | MDN - http://test.test" tabindex="0" data-bm="97"><span class="b_crt_citation_num">2</span></span></span><span class="b_crt_citation_wrapper" data-bm="98"><span class="b_crt_citation_badge" aria-label="File API - Web APIs | MDN - http://test.test" tabindex="0" data-bm="99"><span class="b_crt_citation_num">3</span></span></span>.</p><hr/><h2 data-bm="84"><strong>Example: Read a text file in the browser</strong></h2><pre data-priority="2" data-bm="85"><div class="b_crtrm_code_header" data-bm="114"><h5 class="b_crtrm_code_title">Html</h5><div class="b_crtrm_code_tooltips"><acf-button-standard data-appns="SERP" data-kvalue="5799.1" data-locale="en-US" class="b_crtrm_pcopy" data-shape="Pill" data-size="Small" data-style="Secondary" data-weight="Normal" data-inline-size="FitContent" data-interaction-type="Positive" data-is-ready=""><button type="button" aria-disabled="false" aria-hidden="false" tabindex="" title="Copy code" class="acf-button-standard__btn"><acf-icon data-appns="SERP" data-kvalue="5800.1" data-locale="en-US" class="acf-button-standard__icon" data-size="M" data-is-ready=""></acf-icon><div class="acf-button-standard__label">Copy code</div></button></acf-button-standard></div></div><code class="language-html"><span class="hljs-meta"><!DOCTYPE<span class="hljs-keyword">html</span>></span><span class="hljs-tag"><<span class="hljs-name">html</span><span class="hljs-attr">lang</span>=<span class="hljs-string">"en"</span>></span><span class="hljs-tag"><<span class="hljs-name">head</span>></span><span class="hljs-tag"><<span class="hljs-name">meta</span><span class="hljs-attr">charset</span>=<span class="hljs-string">"UTF-8"</span>></span><span class="hljs-tag"><<span class="hljs-name">title</span>></span>Read File in JavaScript<span class="hljs-tag"></<span class="hljs-name">title</span>></span><span class="hljs-tag"><<span class="hljs-name">style</span>></span><span class="language-css"><span class="hljs-selector-tag">body</span>{<span class="hljs-attribute">font-family</span>: Arial, sans-serif; } pre {<span class="hljs-attribute">background</span>:<span class="hljs-number">#f4f4f4</span>;<span class="hljs-attribute">padding</span>:<span class="hljs-number">10px</span>;<span class="hljs-attribute">border</span>:<span class="hljs-number">1px</span>solid<span class="hljs-number">#ccc</span>; }</span><span class="hljs-tag"></<span class="hljs-name">style</span>></span><span class="hljs-tag"></<span class="hljs-name">head</span>></span><span class="hljs-tag"><<span class="hljs-name">body</span>></span><span class="hljs-tag"><<span class="hljs-name">h2</span>></span>Select a text file to read:<span class="hljs-tag"></<span class="hljs-name">h2</span>></span><span class="hljs-tag"><<span class="hljs-name">input</span><span class="hljs-attr">type</span>=<span class="hljs-string">"file"</span><span class="hljs-attr">id</span>=<span class="hljs-string">"fileInput"</span><span class="hljs-attr">accept</span>=<span class="hljs-string">".txt"</span>></span><span class="hljs-tag"><<span class="hljs-name">div</span><span class="hljs-attr">id</span>=<span class="hljs-string">"message"</span>></span><span class="hljs-tag"></<span class="hljs-name">div</span>></span><span class="hljs-tag"><<span class="hljs-name">pre</span><span class="hljs-attr">id</span>=<span class="hljs-string">"fileContent"</span>></span><span class="hljs-tag"></<span class="hljs-name">pre</span>></span><span class="hljs-tag"><<span class="hljs-name">script</span>></span><span class="language-javascript"><span class="hljs-variable language_">document</span>.<span class="hljs-title function_">getElementById</span>(<span class="hljs-string">'fileInput'</span>).<span class="hljs-title function_">addEventListener</span>(<span class="hljs-string">'change'</span>,<span class="hljs-keyword">function</span>(<span class="hljs-params">event</span>) {<span class="hljs-keyword">const</span>file = event.<span class="hljs-property">target</span>.<span class="hljs-property">files</span>[<span class="hljs-number">0</span>];<span class="hljs-comment">// Get the first selected file</span><span class="hljs-keyword">const</span>message =<span class="hljs-variable language_">document</span>.<span class="hljs-title function_">getElementById</span>(<span class="hljs-string">'message'</span>);<span class="hljs-keyword">const</span>output =<span class="hljs-variable language_">document</span>.<span class="hljs-title function_">getElementById</span>(<span class="hljs-string">'fileContent'</span>);<span class="hljs-comment">// Clear previous content</span>message.<span class="hljs-property">textContent</span>=<span class="hljs-string">''</span>; output.<span class="hljs-property">textContent</span>=<span class="hljs-string">''</span>;<span class="hljs-comment">// Validate file selection</span><span class="hljs-keyword">if</span>(!file) { message.<span class="hljs-property">textContent</span>=<span class="hljs-string">'No file selected.'</span>; message.<span class="hljs-property">style</span>.<span class="hljs-property">color</span>=<span class="hljs-string">'red'</span>;<span class="hljs-keyword">return</span>; }<span class="hljs-comment">// Optional: Check file type</span><span class="hljs-keyword">if</span>(!file.<span class="hljs-property">type</span>.<span class="hljs-title function_">startsWith</span>(<span class="hljs-string">'text'</span>)) { message.<span class="hljs-property">textContent</span>=<span class="hljs-string">'Please select a text file.'</span>; message.<span class="hljs-property">style</span>.<span class="hljs-property">color</span>=<span class="hljs-string">'red'</span>;<span class="hljs-keyword">return</span>; }<span class="hljs-comment">// Read file content</span><span class="hljs-keyword">const</span>reader =<span class="hljs-keyword">new</span><span class="hljs-title class_">FileReader</span>(); reader.<span class="hljs-property">onload</span>=<span class="hljs-keyword">function</span>(<span class="hljs-params">e</span>) { output.<span class="hljs-property">textContent</span>= e.<span class="hljs-property">target</span>.<span class="hljs-property">result</span>;<span class="hljs-comment">// Display file content</span>}; reader.<span class="hljs-property">onerror</span>=<span class="hljs-keyword">function</span>(<span class="hljs-params"></span>) { message.<span class="hljs-property">textContent</span>=<span class="hljs-string">'Error reading file.'</span>; message.<span class="hljs-property">style</span>.<span class="hljs-property">color</span>=<span class="hljs-string">'red'</span>; }; reader.<span class="hljs-title function_">readAsText</span>(file);<span class="hljs-comment">// Read file as text</span>});</span><span class="hljs-tag"></<span class="hljs-name">script</span>></span><span class="hljs-tag"></<span class="hljs-name">body</span>></span><span class="hljs-tag"></<span class="hljs-name">html</span>></span></code></pre><hr/><h3 data-bm="86"><strong>How it works</strong></h3><ol data-bm="87"><li><strong>File selection</strong>— The<code><input type="file"></code>lets the user pick a file<span class="b_crt_citation_wrapper" data-bm="100"><span class="b_crt_citation_badge" aria-label="Using files from web applications - Web APIs | MDN - http://test.test" tabindex="0" data-bm="101"><span class="b_crt_citation_num">1</span></span></span><span class="b_crt_citation_wrapper" data-bm="102"><span class="b_crt_citation_badge" aria-label="Read files in JavaScript | Articles | web.dev - http://test.test" tabindex="0" data-bm="103"><span class="b_crt_citation_num">5</span></span></span>.</li><li><strong>Access file object</strong>—<code>event.target.files[0]</code>returns a<code>File</code>object<span class="b_crt_citation_wrapper" data-bm="104"><span class="b_crt_citation_badge" aria-label="File API - Web APIs | MDN - http://test.test" tabindex="0" data-bm="105"><span class="b_crt_citation_num">3</span></span></span><span class="b_crt_citation_wrapper" data-bm="106"><span class="b_crt_citation_badge" aria-label="File - Web APIs | MDN - http://test.test" tabindex="0" data-bm="107"><span class="b_crt_citation_num">4</span></span></span>.</li><li><strong>Read file</strong>—<code>FileReader.readAsText(file)</code>reads the file asynchronously<span class="b_crt_citation_wrapper" data-bm="108"><span class="b_crt_citation_badge" aria-label="FileReader - Web APIs | MDN - http://test.test" tabindex="0" data-bm="109"><span class="b_crt_citation_num">2</span></span></span>.</li><li><strong>Handle events</strong>—<ul><li><code>onload</code>→ triggered when reading is complete.</li><li><code>onerror</code>→ triggered if reading fails.</li></ul></li></ol><hr/><h3 data-bm="88"><strong>Other reading methods</strong></h3><p data-bm="89"><code>FileReader</code>supports multiple formats<span class="b_crt_citation_wrapper" data-bm="110"><span class="b_crt_citation_badge" aria-label="FileReader - Web APIs | MDN - http://test.test" tabindex="0" data-bm="111"><span class="b_crt_citation_num">2</span></span></span>:</p><ul data-bm="90"><li><code>readAsText(file, encoding)</code>→ Reads as text.</li><li><code>readAsDataURL(file)</code>→ Reads as Base64 (useful for images).</li><li><code>readAsArrayBuffer(file)</code>→ Reads as binary data.</li><li><code>readAsBinaryString(file)</code>→ Reads as binary string (deprecated in some contexts).</li></ul><hr/><p data-bm="91">✅<strong>Tip:</strong>If you need to read and write files directly (without<code><input></code>), look into the<strong>File System Access API</strong>— but it’s only supported in Chromium-based browsers<span class="b_crt_citation_wrapper" data-bm="112"><span class="b_crt_citation_badge" aria-label="Read files in JavaScript | Articles | web.dev - http://test.test" tabindex="0" data-bm="113"><span class="b_crt_citation_num">5</span></span></span>.</p><hr/><p data-bm="92">Do you want me to also show you<strong>how to read an image file and display it</strong>in the browser? That’s a common next step after reading text files.</p><p data-bm="93"><a href="http://test.test" class="b_crt_regular_link" target="_blank" rel="noopener noreferrer"><span class="b_crt_regular_link_icon"></span>1-Mozilla.org</a><a href="http://test.test" class="b_crt_regular_link" target="_blank" rel="noopener noreferrer"><span class="b_crt_regular_link_icon"></span>2-Mozilla.org</a><a href="http://test.test" class="b_crt_regular_link" target="_blank" rel="noopener noreferrer"><span class="b_crt_regular_link_icon"></span>3-Mozilla.org</a><a href="http://test.test" class="b_crt_regular_link" target="_blank" rel="noopener noreferrer"><span class="b_crt_regular_link_icon"></span>4-Mozilla.org</a><a href="http://test.test" class="b_crt_regular_link" target="_blank" rel="noopener noreferrer"><span class="b_crt_regular_link_icon"></span>5-Web.dev</a></p></div><div class="b_cnt_mask" style=""></div><div class="b_hide"><div class="b_crtrm_code_header"><h5 class="b_crtrm_code_title"></h5><div class="b_crtrm_code_tooltips"><acf-button-standard data-appns="SERP" data-kvalue="5799.1" data-locale="en-US" class="b_crtrm_pcopy" data-shape="Pill" data-size="Small" data-style="Secondary" data-weight="Normal" data-inline-size="FitContent" data-interaction-type="Positive" data-is-ready=""><button type="button" aria-disabled="false" aria-hidden="false" tabindex="" title="Copy code" class="acf-button-standard__btn"><acf-icon data-appns="SERP" data-kvalue="5800.1" data-locale="en-US" class="acf-button-standard__icon" data-size="M" data-is-ready=""></acf-icon><div class="acf-button-standard__label">Copy code</div></button></acf-button-standard></div></div></div></div></div><div class="b_crtrm_toolbar outer"><div id="id_16" class="b_crtrm_sr_only" role="status" aria-live="polite"></div><div class="b_crtrm_actions"><acf-button-standard data-appns="SERP" data-kvalue="5801.1" data-locale="en-US" class="b-crtrm-undo-btn b-crtrm-icon-btn acf-button-standard" data-shape="Rectangle" data-size="Default" data-style="Subtle" data-weight="Strong" data-inline-size="FitContent" data-ghost="" data-icon-only="" data-interaction-type="Positive" data-is-ready=""><button type="button" aria-disabled="true" aria-hidden="false" tabindex="-1" title="Undo" class="acf-button-standard__btn"><acf-icon data-appns="SERP" data-kvalue="5802.1" data-locale="en-US" class="acf-button-standard__icon" data-size="M" data-is-ready=""></acf-icon><div class="acf-button-standard__label" data-visually-hidden="">Undo</div></button></acf-button-standard><acf-button-standard data-appns="SERP" data-kvalue="5803.1" data-locale="en-US" class="b-crtrm-redo-btn b-crtrm-icon-btn acf-button-standard" data-shape="Rectangle" data-size="Default" data-style="Subtle" data-weight="Strong" data-inline-size="FitContent" data-ghost="" data-icon-only="" data-interaction-type="Positive" data-is-ready=""><button type="button" aria-disabled="true" aria-hidden="false" tabindex="-1" title="Redo" class="acf-button-standard__btn"><acf-icon data-appns="SERP" data-kvalue="5804.1" data-locale="en-US" class="acf-button-standard__icon" data-size="M" data-is-ready=""></acf-icon><div class="acf-button-standard__label" data-visually-hidden="">Redo</div></button></acf-button-standard><acf-button-standard data-appns="SERP" data-kvalue="5805.1" data-locale="en-US" class="b-crtrm-copy-btn" data-shape="Rectangle" data-size="Default" data-style="Subtle" data-weight="Strong" data-inline-size="FitContent" data-ghost="" data-icon-only="" data-interaction-type="Positive" data-is-ready=""><button type="button" aria-disabled="false" aria-hidden="false" title="Copy" class="acf-button-standard__btn"><acf-icon data-appns="SERP" data-kvalue="5806.1" data-locale="en-US" class="acf-button-standard__icon" data-size="M" data-is-ready=""></acf-icon><div class="acf-button-standard__label" data-visually-hidden="">Copy</div></button></acf-button-standard><acf-button-standard data-appns="SERP" data-kvalue="5807.1" data-locale="en-US" class="b-crtrm-expbar-btn" data-shape="Rectangle" data-size="Default" data-style="Subtle" data-weight="Strong" data-inline-size="FitContent" data-ghost="" data-icon-only="" data-interaction-type="Positive" data-is-ready=""><button type="button" aria-disabled="false" aria-hidden="false" title="Export" class="acf-button-standard__btn"><acf-icon data-appns="SERP" data-kvalue="5808.1" data-locale="en-US" class="acf-button-standard__icon" data-size="M" data-is-ready=""></acf-icon><div class="acf-button-standard__label" data-visually-hidden="">Export</div></button></acf-button-standard><div id="bCusExportDropdown" class="b_crtrm_exp_dropdown b_hide" tabindex="-1"><ul role="menu" aria-label="Export" class="b_crtrm_exp_menu"><li role="none"><acf-button-standard data-appns="SERP" data-kvalue="5809.1" data-locale="en-US" class="b_crtrm_exp_option OnlineWord" data-shape="Rectangle" data-size="Default" data-style="Subtle" data-weight="Strong" data-inline-size="FitContent" data-ghost="" data-interaction-type="Positive" data-is-ready=""><button type="button" aria-disabled="false" aria-hidden="false" tabindex="-1" title="Edit in Word Online" class="acf-button-standard__btn" role="menuitem"><acf-icon data-appns="SERP" data-kvalue="5810.1" data-locale="en-US" class="acf-button-standard__icon" data-size="M" data-is-ready=""></acf-icon><div class="acf-button-standard__label">Edit in Word Online</div></button></acf-button-standard></li><li role="none"><acf-button-standard data-appns="SERP" data-kvalue="5811.1" data-locale="en-US" class="b_crtrm_exp_option PDF" data-shape="Rectangle" data-size="Default" data-style="Subtle" data-weight="Strong" data-inline-size="FitContent" data-ghost="" data-interaction-type="Positive" data-is-ready=""><button type="button" aria-disabled="false" aria-hidden="false" tabindex="-1" title="PDF (.pdf)" class="acf-button-standard__btn" role="menuitem"><acf-icon data-appns="SERP" data-kvalue="5812.1" data-locale="en-US" class="acf-button-standard__icon" data-size="M" data-is-ready=""></acf-icon><div class="acf-button-standard__label">PDF (.pdf)</div></button></acf-button-standard></li><li role="none"><acf-button-standard data-appns="SERP" data-kvalue="5813.1" data-locale="en-US" class="b_crtrm_exp_option TXT" data-shape="Rectangle" data-size="Default" data-style="Subtle" data-weight="Strong" data-inline-size="FitContent" data-ghost="" data-interaction-type="Positive" data-is-ready=""><button type="button" aria-disabled="false" aria-hidden="false" tabindex="-1" title="Text (.txt)" class="acf-button-standard__btn" role="menuitem"><acf-icon data-appns="SERP" data-kvalue="5814.1" data-locale="en-US" class="acf-button-standard__icon" data-size="M" data-is-ready=""></acf-icon><div class="acf-button-standard__label">Text (.txt)</div></button></acf-button-standard></li><li role="none"><acf-button-standard data-appns="SERP" data-kvalue="5815.1" data-locale="en-US" class="b_crtrm_exp_option LocalWord" data-shape="Rectangle" data-size="Default" data-style="Subtle" data-weight="Strong" data-inline-size="FitContent" data-ghost="" data-interaction-type="Positive" data-is-ready=""><button type="button" aria-disabled="false" aria-hidden="false" tabindex="-1" title="Word (.docx)" class="acf-button-standard__btn" role="menuitem"><acf-icon data-appns="SERP" data-kvalue="5816.1" data-locale="en-US" class="acf-button-standard__icon" data-size="M" data-is-ready=""></acf-icon><div class="acf-button-standard__label">Word (.docx)</div></button></acf-button-standard></li></ul></div><div id="bCusExportStatus" class="b_crtrm_exp_status b_hide" role="status" aria-live="polite"></div><div class="b_cus_tweak"><acf-icon data-appns="SERP" data-kvalue="5817.1" data-locale="en-US" class="b_tweak_edit" data-size="M" data-is-ready=""></acf-icon><textarea id="bCusTweakTextarea" placeholder="What would you like to adjust?" class="b_cus_tweak_textarea" rows="1"></textarea><div class="b_tweak_ctrl_group"><acf-button-standard data-appns="SERP" data-kvalue="5818.1" data-locale="en-US" class="b_tweak_send b_hide" data-shape="Rectangle" data-size="Small" data-style="Subtle" data-weight="Normal" data-inline-size="FitContent" data-ghost="" data-icon-only="" data-interaction-type="Positive" tabindex="0" data-is-ready=""><button type="button" aria-disabled="false" aria-hidden="false" tabindex="" title="Send" class="acf-button-standard__btn"><acf-icon data-appns="SERP" data-kvalue="5819.1" data-locale="en-US" class="acf-button-standard__icon" data-size="M" data-is-ready=""></acf-icon><div class="acf-button-standard__label" data-visually-hidden="">Send</div></button></acf-button-standard></div></div><acf-button-standard data-appns="SERP" data-kvalue="5820.1" data-locale="en-US" class="b-crtrm-rgrn-btn acf-button-standard" data-shape="Rectangle" data-size="Default" data-style="Subtle" data-weight="Strong" data-inline-size="FitContent" data-interaction-type="Positive" data-is-ready=""><button type="button" aria-disabled="false" aria-hidden="false" title="Rewrite" class="acf-button-standard__btn"><acf-icon data-appns="SERP" data-kvalue="5821.1" data-locale="en-US" class="acf-button-standard__icon" data-size="M" data-is-ready=""></acf-icon><div class="acf-button-standard__label">Rewrite</div></button></acf-button-standard><fieldset class="b_field" aria-labelledby="CodeTesting"><div class="b_field_options" role="group"><acf-button-standard data-appns="SERP" data-kvalue="5822.1" data-locale="en-US" class="b_crtrm_select" data-shape="Rectangle" data-size="Default" data-style="Subtle" data-weight="Strong" data-inline-size="FitContent" data-interaction-type="Positive" data-is-ready=""><button type="button" aria-disabled="false" aria-hidden="false" title="Testing Tools" class="acf-button-standard__btn"><div class="acf-button-standard__label">Testing Tools</div><acf-icon data-appns="SERP" data-kvalue="5823.1" data-locale="en-US" class="acf-button-standard__icon" data-size="M" data-is-ready=""></acf-icon></button></acf-button-standard><div class="b_crtrm_dropdown b_hide" aria-label="Testing Tools" data-multiple="true"><div class="b_crtrm_options_container" role="menu" tabindex="0"><div class="b_crtrm_option b_crtrm_option b_crtrm_checkbox_option" role="menuitem" tabindex="-1" data-value="\n Add sample mock data that the user can use to test this code .\n Formatting Instructions : Present mock data and generated code in two separate fenced code blocks\n Always present the mock data at the top and code in the bottom of the response.\n If user requested a mock data and you are unable to perform it, explain the reason and also present the original code" aria-label="Generate test data" key="Generate test data" data-multiple="true"><span class="option_label">Generate test data</span></div><div class="b_crtrm_option b_crtrm_option b_crtrm_checkbox_option" role="menuitem" tabindex="-1" data-value="\n Integrate test cases within the code \n If it is not possible to write test cases just repeat the code and explain at the top why it wasn\u0027t possible to write test cases" aria-label="Integrate test cases" key="Integrate test cases" data-multiple="true"><span class="option_label">Integrate test cases</span></div></div><div class="b_crtrm_option_ctrl"><acf-button-standard data-appns="SERP" data-kvalue="5824.1" data-locale="en-US" class="b_crtrm_apply" data-shape="Rectangle" data-size="Default" data-style="Subtle" data-weight="Strong" data-inline-size="FitContent" data-interaction-type="Positive" data-is-ready=""><button type="button" aria-disabled="false" aria-hidden="false" tabindex="" title="Apply" class="acf-button-standard__btn"><div class="acf-button-standard__label">Apply</div></button></acf-button-standard><acf-button-standard data-appns="SERP" data-kvalue="5825.1" data-locale="en-US" class="b_crtrm_reset" data-shape="Rectangle" data-size="Default" data-style="Subtle" data-weight="Strong" data-inline-size="FitContent" data-interaction-type="Positive" data-is-ready=""><button type="button" aria-disabled="false" aria-hidden="false" tabindex="" title="Reset" class="acf-button-standard__btn"><div class="acf-button-standard__label">Reset</div></button></acf-button-standard></div></div></div></fieldset><fieldset class="b_field" aria-labelledby="CodeTransformation"><div class="b_field_options" role="group"><acf-button-standard data-appns="SERP" data-kvalue="5826.1" data-locale="en-US" class="b_crtrm_select" data-shape="Rectangle" data-size="Default" data-style="Subtle" data-weight="Strong" data-inline-size="FitContent" data-interaction-type="Positive" data-is-ready=""><button type="button" aria-disabled="false" aria-hidden="false" title="More Actions" class="acf-button-standard__btn"><div class="acf-button-standard__label">More Actions</div><acf-icon data-appns="SERP" data-kvalue="5827.1" data-locale="en-US" class="acf-button-standard__icon" data-size="M" data-is-ready=""></acf-icon></button></acf-button-standard><div class="b_crtrm_dropdown b_hide" aria-label="More Actions" data-multiple="true"><div class="b_crtrm_options_container" role="menu" tabindex="0"><div class="b_crtrm_option b_crtrm_option b_crtrm_checkbox_option" role="menuitem" tabindex="-1" data-value="\n Perform Code review .\n Formatting Instructions : Present the code review comments embedded within the code itself.\n Each code review comment must be in comments and the comment must start with the text : Code review comment -\u003e \n If code review is inapplicable to the given code or text then ignore this request" aria-label="Perform code review" key="Perform code review" data-multiple="true"><span class="option_label">Perform code review</span></div><div class="b_crtrm_option b_crtrm_option b_crtrm_checkbox_option" role="menuitem" tabindex="-1" data-value="\n Explain the code in detail at the top, include scientific notations and formal algorithmic approach when explaining if applicable.\n Formatting Instructions : Present code explanation and generated code in two separate fenced code blocks\n Always present the code explanation at the top and code in the bottom of the response.\n If user requested a code explanation and you are unable to perform it, explain the reason and also present the original code" aria-label="Explain the code" key="Explain the code" data-multiple="true"><span class="option_label">Explain the code</span></div><div class="b_crtrm_option b_crtrm_option b_crtrm_checkbox_option" role="menuitem" tabindex="-1" data-value="Add elements to handle possible error conditions in the program" aria-label="Add error handling" key="Add error handling" data-multiple="true"><span class="option_label">Add error handling</span></div><div class="b_crtrm_option b_crtrm_option b_crtrm_checkbox_option" role="menuitem" tabindex="-1" data-value="Make the code compilable, check for any syntax errors and missing elements of the program" aria-label="Make code compilable" key="Make code compilable" data-multiple="true"><span class="option_label">Make code compilable</span></div></div><div class="b_crtrm_option_ctrl"><acf-button-standard data-appns="SERP" data-kvalue="5828.1" data-locale="en-US" class="b_crtrm_apply" data-shape="Rectangle" data-size="Default" data-style="Subtle" data-weight="Strong" data-inline-size="FitContent" data-interaction-type="Positive" data-is-ready=""><button type="button" aria-disabled="false" aria-hidden="false" tabindex="" title="Apply" class="acf-button-standard__btn"><div class="acf-button-standard__label">Apply</div></button></acf-button-standard><acf-button-standard data-appns="SERP" data-kvalue="5829.1" data-locale="en-US" class="b_crtrm_reset" data-shape="Rectangle" data-size="Default" data-style="Subtle" data-weight="Strong" data-inline-size="FitContent" data-interaction-type="Positive" data-is-ready=""><button type="button" aria-disabled="false" aria-hidden="false" tabindex="" title="Reset" class="acf-button-standard__btn"><div class="acf-button-standard__label">Reset</div></button></acf-button-standard></div></div></div></fieldset><div class="templates_selection"><acf-dropdown data-appns="SERP" data-kvalue="5830.1" data-locale="en-US" class="templates_dropdown" data-list-sep="; " data-placeholder="Try more templates" data-is-ready=""><div class="acf-dropdown__combo-wrap"><div class="acf-dropdown__combo-label" id="a4c9f9272a3f2" aria-hidden="true" title="Try more templates" data-visually-hidden="">Try more templates</div><div class="acf-dropdown__combobox" aria-controls="a8cc4b64b9886" aria-expanded="false" aria-haspopup="listbox" aria-labelledby="a4c9f9272a3f2" aria-disabled="false" tabindex="0" role="combobox" title="Try more templates"><div class="acf-dropdown__combo-content"><div class="acf-dropdown__combo-value">Try more templates</div></div><acf-icon data-appns="SERP" data-kvalue="5831.1" data-locale="en-US" data-size="M" data-is-ready=""></acf-icon></div></div><div class="acf-dropdown__list-wrap" popover="manual"><ul class="acf-dropdown__listbox" role="listbox" id="a8cc4b64b9886" aria-labelledby="a4c9f9272a3f2" aria-multiselectable="false" tabindex="-1"><li role="option" aria-selected="false" aria-disabled="false" data-value="http://test.test" id="a94da9f6e70bd" title="Work Report"><acf-icon data-appns="SERP" data-kvalue="5832.1" data-locale="en-US" class="acf-dropdown__option-check" data-size="M" data-is-ready=""></acf-icon><acf-icon data-appns="SERP" data-kvalue="5833.1" data-locale="en-US" class="acf-dropdown__option-icon" data-size="M" data-is-ready=""></acf-icon><div class="acf-dropdown__option-content"><div class="acf-dropdown__option-label-wrap"><div class="acf-dropdown__option-label">Work Report</div></div></div></li><li role="option" aria-selected="false" aria-disabled="false" data-value="http://test.test" id="acc9a681ded87" title="Email"><acf-icon data-appns="SERP" data-kvalue="5834.1" data-locale="en-US" class="acf-dropdown__option-check" data-size="M" data-is-ready=""></acf-icon><acf-icon data-appns="SERP" data-kvalue="5835.1" data-locale="en-US" class="acf-dropdown__option-icon" data-size="M" data-is-ready=""></acf-icon><div class="acf-dropdown__option-content"><div class="acf-dropdown__option-label-wrap"><div class="acf-dropdown__option-label">Email</div></div></div></li><li role="option" aria-selected="false" aria-disabled="false" data-value="http://test.test" id="ab8d81a8cf891" title="Rewrite"><acf-icon data-appns="SERP" data-kvalue="5836.1" data-locale="en-US" class="acf-dropdown__option-check" data-size="M" data-is-ready=""></acf-icon><acf-icon data-appns="SERP" data-kvalue="5837.1" data-locale="en-US" class="acf-dropdown__option-icon" data-size="M" data-is-ready=""></acf-icon><div class="acf-dropdown__option-content"><div class="acf-dropdown__option-label-wrap"><div class="acf-dropdown__option-label">Rewrite</div></div></div></li><li role="option" aria-selected="false" aria-disabled="false" data-value="http://test.test" id="a5b9b181fabea" title="Speech"><acf-icon data-appns="SERP" data-kvalue="5838.1" data-locale="en-US" class="acf-dropdown__option-check" data-size="M" data-is-ready=""></acf-icon><acf-icon data-appns="SERP" data-kvalue="5839.1" data-locale="en-US" class="acf-dropdown__option-icon" data-size="M" data-is-ready=""></acf-icon><div class="acf-dropdown__option-content"><div class="acf-dropdown__option-label-wrap"><div class="acf-dropdown__option-label">Speech</div></div></div></li><li role="option" aria-selected="false" aria-disabled="false" data-value="http://test.test" id="acb974269d85b" title="Title Generator"><acf-icon data-appns="SERP" data-kvalue="5840.1" data-locale="en-US" class="acf-dropdown__option-check" data-size="M" data-is-ready=""></acf-icon><acf-icon data-appns="SERP" data-kvalue="5841.1" data-locale="en-US" class="acf-dropdown__option-icon" data-size="M" data-is-ready=""></acf-icon><div class="acf-dropdown__option-content"><div class="acf-dropdown__option-label-wrap"><div class="acf-dropdown__option-label">Title Generator</div></div></div></li><li role="option" aria-selected="false" aria-disabled="false" data-value="http://test.test" id="a348f5f85c7db" title="Smart Reply"><acf-icon data-appns="SERP" data-kvalue="5842.1" data-locale="en-US" class="acf-dropdown__option-check" data-size="M" data-is-ready=""></acf-icon><acf-icon data-appns="SERP" data-kvalue="5843.1" data-locale="en-US" class="acf-dropdown__option-icon" data-size="M" data-is-ready=""></acf-icon><div class="acf-dropdown__option-content"><div class="acf-dropdown__option-label-wrap"><div class="acf-dropdown__option-label">Smart Reply</div></div></div></li><li role="option" aria-selected="false" aria-disabled="false" data-value="http://test.test" id="ab1ca9392227e" title="Poem"><acf-icon data-appns="SERP" data-kvalue="5844.1" data-locale="en-US" class="acf-dropdown__option-check" data-size="M" data-is-ready=""></acf-icon><acf-icon data-appns="SERP" data-kvalue="5845.1" data-locale="en-US" class="acf-dropdown__option-icon" data-size="M" data-is-ready=""></acf-icon><div class="acf-dropdown__option-content"><div class="acf-dropdown__option-label-wrap"><div class="acf-dropdown__option-label">Poem</div></div></div></li><li role="option" aria-selected="false" aria-disabled="false" data-value="http://test.test" id="a7c102195145d" title="Essay"><acf-icon data-appns="SERP" data-kvalue="5846.1" data-locale="en-US" class="acf-dropdown__option-check" data-size="M" data-is-ready=""></acf-icon><acf-icon data-appns="SERP" data-kvalue="5847.1" data-locale="en-US" class="acf-dropdown__option-icon" data-size="M" data-is-ready=""></acf-icon><div class="acf-dropdown__option-content"><div class="acf-dropdown__option-label-wrap"><div class="acf-dropdown__option-label">Essay</div></div></div></li><li role="option" aria-selected="false" aria-disabled="false" data-value="http://test.test" id="aa4ead89311a5" title="Joke"><acf-icon data-appns="SERP" data-kvalue="5848.1" data-locale="en-US" class="acf-dropdown__option-check" data-size="M" data-is-ready=""></acf-icon><acf-icon data-appns="SERP" data-kvalue="5849.1" data-locale="en-US" class="acf-dropdown__option-icon" data-size="M" data-is-ready=""></acf-icon><div class="acf-dropdown__option-content"><div class="acf-dropdown__option-label-wrap"><div class="acf-dropdown__option-label">Joke</div></div></div></li><li role="option" aria-selected="false" aria-disabled="false" data-value="http://test.test" id="a15eddc6bca95" title="Instagram Post"><acf-icon data-appns="SERP" data-kvalue="5850.1" data-locale="en-US" class="acf-dropdown__option-check" data-size="M" data-is-ready=""></acf-icon><acf-icon data-appns="SERP" data-kvalue="5851.1" data-locale="en-US" class="acf-dropdown__option-icon" data-size="M" data-is-ready=""></acf-icon><div class="acf-dropdown__option-content"><div class="acf-dropdown__option-label-wrap"><div class="acf-dropdown__option-label">Instagram Post</div></div></div></li><li role="option" aria-selected="false" aria-disabled="false" data-value="http://test.test" id="a78429351925c" title="X Post"><acf-icon data-appns="SERP" data-kvalue="5852.1" data-locale="en-US" class="acf-dropdown__option-check" data-size="M" data-is-ready=""></acf-icon><acf-icon data-appns="SERP" data-kvalue="5853.1" data-locale="en-US" class="acf-dropdown__option-icon" data-size="M" data-is-ready=""></acf-icon><div class="acf-dropdown__option-content"><div class="acf-dropdown__option-label-wrap"><div class="acf-dropdown__option-label">X Post</div></div></div></li><li role="option" aria-selected="false" aria-disabled="false" data-value="http://test.test" id="a041249ea5262" title="Facebook Post"><acf-icon data-appns="SERP" data-kvalue="5854.1" data-locale="en-US" class="acf-dropdown__option-check" data-size="M" data-is-ready=""></acf-icon><acf-icon data-appns="SERP" data-kvalue="5855.1" data-locale="en-US" class="acf-dropdown__option-icon" data-size="M" data-is-ready=""></acf-icon><div class="acf-dropdown__option-content"><div class="acf-dropdown__option-label-wrap"><div class="acf-dropdown__option-label">Facebook Post</div></div></div></li><li role="option" aria-selected="false" aria-disabled="false" data-value="http://test.test" id="aae079814d5ec" title="Story"><acf-icon data-appns="SERP" data-kvalue="5856.1" data-locale="en-US" class="acf-dropdown__option-check" data-size="M" data-is-ready=""></acf-icon><acf-icon data-appns="SERP" data-kvalue="5857.1" data-locale="en-US" class="acf-dropdown__option-icon" data-size="M" data-is-ready=""></acf-icon><div class="acf-dropdown__option-content"><div class="acf-dropdown__option-label-wrap"><div class="acf-dropdown__option-label">Story</div></div></div></li><li role="option" aria-selected="false" aria-disabled="false" data-value="http://test.test" id="a0c45f7dabac1" title="Cover Letter"><acf-icon data-appns="SERP" data-kvalue="5858.1" data-locale="en-US" class="acf-dropdown__option-check" data-size="M" data-is-ready=""></acf-icon><acf-icon data-appns="SERP" data-kvalue="5859.1" data-locale="en-US" class="acf-dropdown__option-icon" data-size="M" data-is-ready=""></acf-icon><div class="acf-dropdown__option-content"><div class="acf-dropdown__option-label-wrap"><div class="acf-dropdown__option-label">Cover Letter</div></div></div></li><li role="option" aria-selected="false" aria-disabled="false" data-value="http://test.test" id="a490774e5a9d5" title="Resume"><acf-icon data-appns="SERP" data-kvalue="5860.1" data-locale="en-US" class="acf-dropdown__option-check" data-size="M" data-is-ready=""></acf-icon><acf-icon data-appns="SERP" data-kvalue="5861.1" data-locale="en-US" class="acf-dropdown__option-icon" data-size="M" data-is-ready=""></acf-icon><div class="acf-dropdown__option-content"><div class="acf-dropdown__option-label-wrap"><div class="acf-dropdown__option-label">Resume</div></div></div></li><li role="option" aria-selected="false" aria-disabled="false" data-value="http://test.test" id="afa37d292acc9" title="Job Description"><acf-icon data-appns="SERP" data-kvalue="5862.1" data-locale="en-US" class="acf-dropdown__option-check" data-size="M" data-is-ready=""></acf-icon><acf-icon data-appns="SERP" data-kvalue="5863.1" data-locale="en-US" class="acf-dropdown__option-icon" data-size="M" data-is-ready=""></acf-icon><div class="acf-dropdown__option-content"><div class="acf-dropdown__option-label-wrap"><div class="acf-dropdown__option-label">Job Description</div></div></div></li><li role="option" aria-selected="false" aria-disabled="false" data-value="http://test.test" id="af1598f837603" title="Recommendation Letter"><acf-icon data-appns="SERP" data-kvalue="5864.1" data-locale="en-US" class="acf-dropdown__option-check" data-size="M" data-is-ready=""></acf-icon><acf-icon data-appns="SERP" data-kvalue="5865.1" data-locale="en-US" class="acf-dropdown__option-icon" data-size="M" data-is-ready=""></acf-icon><div class="acf-dropdown__option-content"><div class="acf-dropdown__option-label-wrap"><div class="acf-dropdown__option-label">Recommendation Letter</div></div></div></li><li role="option" aria-selected="false" aria-disabled="false" data-value="http://test.test" id="a84b0d2972c77" title="Resignation Letter"><acf-icon data-appns="SERP" data-kvalue="5866.1" data-locale="en-US" class="acf-dropdown__option-check" data-size="M" data-is-ready=""></acf-icon><acf-icon data-appns="SERP" data-kvalue="5867.1" data-locale="en-US" class="acf-dropdown__option-icon" data-size="M" data-is-ready=""></acf-icon><div class="acf-dropdown__option-content"><div class="acf-dropdown__option-label-wrap"><div class="acf-dropdown__option-label">Resignation Letter</div></div></div></li><li role="option" aria-selected="false" aria-disabled="false" data-value="http://test.test" id="acd91306419e6" title="Invitation Letter"><acf-icon data-appns="SERP" data-kvalue="5868.1" data-locale="en-US" class="acf-dropdown__option-check" data-size="M" data-is-ready=""></acf-icon><acf-icon data-appns="SERP" data-kvalue="5869.1" data-locale="en-US" class="acf-dropdown__option-icon" data-size="M" data-is-ready=""></acf-icon><div class="acf-dropdown__option-content"><div class="acf-dropdown__option-label-wrap"><div class="acf-dropdown__option-label">Invitation Letter</div></div></div></li><li role="option" aria-selected="false" aria-disabled="false" data-value="http://test.test" id="a8853d7085fb4" title="Greeting Message"><acf-icon data-appns="SERP" data-kvalue="5870.1" data-locale="en-US" class="acf-dropdown__option-check" data-size="M" data-is-ready=""></acf-icon><acf-icon data-appns="SERP" data-kvalue="5871.1" data-locale="en-US" class="acf-dropdown__option-icon" data-size="M" data-is-ready=""></acf-icon><div class="acf-dropdown__option-content"><div class="acf-dropdown__option-label-wrap"><div class="acf-dropdown__option-label">Greeting Message</div></div></div></li><li role="option" aria-selected="true" aria-disabled="false" data-value="http://test.test" id="abbbb32568d33" title="Try more templates"><acf-icon data-appns="SERP" data-kvalue="5872.1" data-locale="en-US" class="acf-dropdown__option-check" data-size="M" data-is-ready=""></acf-icon><div class="acf-dropdown__option-content"><div class="acf-dropdown__option-label-wrap"><div class="acf-dropdown__option-label">Try more templates</div></div></div></li></ul></div></acf-dropdown></div></div></div></div></div></div></div></div></div></div></div></div></div></div><div class="copans_bottom_sec"><div class="copans_sc"><div class="sc_line1 new_design"><div class="sc_items"><div id="slideexp2_DFD7C5c" class="b_slideexp" data-partnerinfo="" data-control-id="slideexp2_DFD7C5" data-appns="SERP" data-k="5685.1" data-stk=""><div class="b_overlay"><div id="id_17" class="btn disabled prev ltr bigrounded bld" data-dir="" role="button" data-clicked-msg="" aria-label="Click to scroll left" aria-hidden="true" style=""><div class="bg"><span></span></div><div class="vcac"><div style=""><div class="cr"><div class=""></div></div></div></div></div><div id="id_18" class="btn disabled next ltr bigrounded bld" data-dir="" role="button" data-clicked-msg="" aria-label="Click to scroll right" aria-hidden="true" style=""><div class="bg"><span></span></div><div class="vcac"><div style=""><div class="cr"><div class=""></div></div></div></div></div><div class="b_slidesContainer" style=""><div class="b_viewport scrollbar" nativescrollingenabled="1" style=""><div class="b_slidebar" id="slideexp2_DFD7C5" role="list" aria-label="Please use arrow keys to navigate" style=""><div class="slide" data-dataurl="" data-rinterval="" data-appns="SERP" data-k="5680.1" data-tag="" style="" tabindex="0" data-mini="" role="listitem"><a target="_blank" data-query="FileReader text examples" tabindex="-1" href="http://test.test" h="ID=SERP,5679.1"><div class="sc_item"><span>FileReader text examples</span></div></a></div><div class="slide" data-dataurl="" data-rinterval="" data-appns="SERP" data-k="5682.1" data-tag="" style="" tabindex="0" data-mini="" role="listitem"><a target="_blank" data-query="Validate uploaded files JS" tabindex="-1" href="http://test.test" h="ID=SERP,5681.1"><div class="sc_item"><span>Validate uploaded files JS</span></div></a></div><div class="slide" data-dataurl="" data-rinterval="" data-appns="SERP" data-k="5684.1" data-tag="" style="" tabindex="0" data-mini="" role="listitem"><a target="_blank" data-query="Use FileReader API in browser" tabindex="-1" href="http://test.test" h="ID=SERP,5683.1"><div class="sc_item"><span>Use FileReader API in browser</span></div></a></div></div></div></div></div></div></div></div></div></div></div></div><div elementtiming="frp.WideTop" aria-hidden="true" style="" tabindex="-1"></div></li></ol><ol id="b_results" class=""><li class="b_ans b_top" data-tag="" data-partnertag="" data-id="" data-fbhlsel="li.b_ans.b_top" h="SERP,5459.1" data-bm="5"><div id="b_wpt_container_ml" class="b_wpt_container lgwjsfix wpt_rmspc" data-appns="SERP" data-k="5127" data-fbhlsel=".b_wpt_container"><div data-tag="WholePageTemplate.MagazineContainer" class="mgz-exp-b944ab86-bf0e-4576-aa39-eb4d49b72891"><div class="gs_Grid grid" id="b_wpt_gs_grid" style=""><div class="cards card0 card-col-6 card-row-0 b_wpt_bl_back b_wpt_aligned" data-k="5157" data-oly-event="" style=""><div id="C_1E2A69B" class="b_acf_card acf_hov_basic b_acf_bckgnd" data-k="5875" data-appns="SERP"><div class="developer_answercard_wrapper devAnchorACF"><div id="id_19" class="dev_ac_wrapper_RichDevAnchor_AC rdgc_noseemore rdgc_seemore rd_fullLoaded rd_removeShadow" style=""><div class=""><div class="rd_summary_info" data-priority="2"><div id="id_20" class="infobubble_item" data-bubbleid="infobubble_2_DE1094" aria-haspopup="true"><div class="rd_acf_info_icon"></div></div><div id="infobubble_2_DE1094" class="infobubble b_hide b_cards" data-partnerinfo="" data-appns="SERP" data-k="5463.2" data-ibp="bottom" data-trp="top" data-priority="2" role="dialog" aria-describedby="infobubble_2_DE1094_17_E2B854_content"><div class="before"><span></span></div><span class="infobubble_close b_hide" aria-label="Close" role="button" tabindex="0">✕</span><div id="id_21" class="infobubble_content"><div>This summary was generated using AI based on multiple online sources. To view the original source information, use the "Learn more" links.</div></div><div class="after"><span></span></div></div></div></div><div class="rd_sg_ttl rd_gencon_ttle rd_gencon_ttc devmag_ttl" id="rd_gencon_ttc"><h2 class="b_topTitle"><a target="_blank" href="http://test.test" h="ID=SERP,5465.1">Reading a File from the Root Folder in JavaScript</a></h2></div><div class="rd_gencon_attr"><sup class="rd_gencon_ai" id="rd_gencon_ai_0"><a target="_blank" href="http://test.test" h="ID=SERP,5465.2">1</a></sup><sup class="rd_gencon_ai" id="rd_gencon_ai_1"><a target="_blank" href="http://test.test" h="ID=SERP,5466.1">2</a></sup><sup class="rd_gencon_ai" id="rd_gencon_ai_2"><a target="_blank" href="http://test.test" h="ID=SERP,5467.1">3</a></sup></div><div class="rd_single_ttip" id="rd_single_ttip"><div class="rd_gencon_ttip" style=""><div class="rd_gencon_tta"><a target="_blank" href="http://test.test" h="ID=SERP,5465.3"><h2 class="rd_gencon_ttat">javascript - How to access files from root folder - Stack Overflow</h2><h4>http://test.test</h4></a></div><div class="rd_gencon_tta"><a target="_blank" href="http://test.test" h="ID=SERP,5466.2"><h2 class="rd_gencon_ttat">How to read a local text file using JavaScript? - GeeksforGeeks</h2><h4>http://test.test</h4></a></div><div class="rd_gencon_tta"><a target="_blank" href="http://test.test" h="ID=SERP,5467.2"><h2 class="rd_gencon_ttat">FileSystemDirectoryEntry: getFile () method - Web APIs | MDN</h2><h4>http://test.test</h4></a></div></div></div><span id="titleclick" class="b_hide" _ct="ID=SERP,5465.1"></span><div class="devmag_card_content" id="devmag_card_content" data-dataurl="/RichDeveloper/Card?QueryType=Card&amp;TableNs=RichDevCardTable&amp;CardTable=Developer&amp;CardId=816191f41fc68a4f48672bc9b3ec2785&amp;TabId=0&amp;TabContentId=&amp;TabContentSnippetId=&amp;IsGeneratedContent=True&amp;IsActiveTab=True&amp;IsMagazine=False&amp;IsACFAnswer=True"><div><span class="devmag_cntnt_snip"><p>You can read files from the root folder in JavaScript either by referencing them with a relative path or by letting the user select them via an HTML file input and using the FileReader API.</p></span></div><div><span class="devmag_cntnt_snip"><p class="rd_sub_sub_header">Method 1: Accessing via Relative Path</p></span></div><div><span class="devmag_cntnt_snip"><ol class="b_dList"><li data-priority=""><p>Place your JavaScript file in its folder (e.g.,<em class="rd_inl_code">./JS/main.js</em>) and the target file in the root folder (e.g.,<em class="rd_inl_code">./img/img1.png</em>).</p></li><li data-priority=""><p>Use<em class="rd_inl_code">..</em>in the file path to go up one directory level until you reach the root folder.</p></li><li data-priority=""><p>Reference the file path relative to your HTML document or JavaScript file, for example:<em class="rd_inl_code">../../img/img1.png</em>.</p></li></ol></span></div><div><span class="devmag_cntnt_snip"><p class="rd_sub_sub_header">Method 2: Reading via File Input and FileReader API</p></span></div><div><span class="devmag_cntnt_snip"><ol class="b_dList"><li data-priority=""><p>Add an<em class="rd_inl_code"><input type="file" id="fileInput"></em>element to your HTML to let the user select a file.</p></li><li data-priority=""><p>In JavaScript, get the file from the input using<em class="rd_inl_code">document.getElementById('fileInput').files[0]</em>.</p></li><li data-priority=""><p>Create a<em class="rd_inl_code">FileReader</em>object with<em class="rd_inl_code">let reader = new FileReader();</em>.</p></li><li data-priority=""><p>Attach an<em class="rd_inl_code">onload</em>event to handle the file content once loaded.</p></li><li data-priority=""><p>Use<em class="rd_inl_code">reader.readAsText(file)</em>to read text files,<em class="rd_inl_code">reader.readAsArrayBuffer(file)</em>for binary data, or<em class="rd_inl_code">reader.readAsDataURL(file)</em>for images.</p></li><li data-priority=""><p>Process or display the file content as needed in the<em class="rd_inl_code">onload</em>callback.</p></li></ol></span></div><div id="id_22" data-priority="2" data-bm="76" class=""><div data-bm="79"><span class="b_floatR"><span class="rd_cnt_nav b_hide"><button role="button" class="rd_nv_btns rd_prv_btn" id="rd_prv_3_A38504" aria-label="Previous" data-appns="SERP.5464" data-k="5010.1"></button><button role="button" class="rd_nv_btns rd_nxt_btn" id="rd_nxt_3_A38504" aria-label="Next" data-appns="SERP.5464" data-k="5011.1"></button></span></span><div id="rdtb_3_A38504" data-isactivetab="true"><div id="rdtb_cnt_5_A38591" class="rd_tb_cnt_wp" data-priority="" data-dataurl="/RichDeveloper/Card?QueryType=Card&amp;TableNs=RichDevCardTable&amp;CardTable=Developer&amp;CardId=816191f41fc68a4f48672bc9b3ec2785&amp;TabId=0&amp;TabContentId=0&amp;TabContentSnippetId=&amp;IsGeneratedContent=True&amp;IsActiveTab=True&amp;IsMagazine=False&amp;IsACFAnswer=False" data-firstactive="1"><div class="rd_tb_cnt"><div><span class="rd_cntnt_snip"><p class="rd_sub_sub_header">Method 3: Using FileSystemDirectoryEntry.getFile()</p></span></div><div><span class="rd_cntnt_snip"><ol class="b_dList"><li data-priority=""><p>Obtain a<em class="rd_inl_code">FileSystemDirectoryEntry</em>object for the root or target directory.</p></li><li data-priority=""><p>Call<em class="rd_inl_code">.getFile('filename', {}, successCallback, errorCallback)</em>to get a<em class="rd_inl_code">FileSystemFileEntry</em>.</p></li><li data-priority=""><p>Inside<em class="rd_inl_code">successCallback</em>, call<em class="rd_inl_code">.file()</em>to get a<em class="rd_inl_code">File</em>object.</p></li><li data-priority=""><p>Use a<em class="rd_inl_code">FileReader</em>to read the file contents as text, binary, or data URL.</p></li></ol></span></div></div></div></div></div><div class="rd_cnt_srcs b_hide" data-bm="80"><div class="rd_attr_lm">Learn more:</div><div class="rd_attr_cntnr"><div class="rd_attr_items"><a target="_blank" href="http://test.test" h="ID=SERP.5464,5004.1"><span class="rd_attr_items_icon"></span><span class="rd_attr_items_idx">1 -</span><span class="rd_attr_items_src">stackoverflow.com</span></a><a target="_blank" href="http://test.test" h="ID=SERP.5464,5005.1"><span class="rd_attr_items_icon"></span><span class="rd_attr_items_idx">2 -</span><span class="rd_attr_items_src">geeksforgeeks.org</span></a><a target="_blank" href="http://test.test" h="ID=SERP.5464,5006.1"><span class="rd_attr_items_icon"></span><span class="rd_attr_items_idx">3 -</span><span class="rd_attr_items_src">developer.mozilla.org</span></a></div></div></div></div></div><div class="rdShadowClass" data-priority="2"></div><div id="rdgenconseemore" class="" data-priority="2"><div class="rd_card_sm b_hide" id="id_23" data-priority="2"><a aria-label="See more" class="rd_card_sm_exp"><span>See more</span><span class="rd_sm_svgr"></span><span id="seemorebutton" class="b_hide" _ct="ID=SERP,5465.1"></span><span id="rdcopy" class="b_hide" _ct="ID=SERP,5467.1"></span></a></div><div class="rd_card_sm" id="id_24"><a aria-label="See less" class="rd_card_sm_exp"><span>See less</span><span class="rd_sl_svgr"></span><span id="seelessbutton" class="b_hide" _ct="ID=SERP,5465.1"></span></a></div></div></div></div></div></div></div></div><div class="b_wpt_attr"><div class="b_wpt_footer ca_oldfbk"></div><div id="fdbk_thmb18" class="fdbk_thmb_root" data-priority="2" aria-live="polite"><div id="fdbk_emotion18" class="fdbk_emotion"><img src="/th?id=OBFB.1B096C6DCB92C2B9A732929A92AF5585&amp;pid=Fb&amp;qlt=99&amp;r=0" class="sat_img"/><img src="/th?id=OBFB.1E928B2B86E3D4E8ED1D46B83E667303&amp;pid=Fb&amp;qlt=99&amp;r=0" class="dsat_img"/></div><span id="fdbtext_18" class="fdbtext">Feedback</span><a id="thumb_t18" class="thumb_y linkBtn thumb" role="button" aria-label="Feedback Like" title="Feedback Like" href="javascript:void(0)" h="ID=SERP,5879.1"></a><a id="thumb_f18" class="thumb_n linkBtn feedback-binded thumb" role="button" aria-label="Feedback Dislike" title="Feedback Dislike" href="javascript:void(0)" h="ID=SERP,5880.1"></a><div id="thumbUpTips18" class="fdbk_hide fdbtext"><span>Thanks!</span><a id="thumb_tum18" role="button" aria-label="Tell us more" class="linkBtn feedback-binded" href="javascript:void(0)" h="ID=SERP,5881.1">Tell us more</a></div></div></div></div><div elementtiming="frp.TopOfPage" aria-hidden="true" style="" tabindex="-1"></div></li><li class="b_algo b_vtl_deeplinks" data-id="" iid="SERP.5882" data-bm="6"><div class="b_tpcn"><a class="tilk b_lario" aria-label="GeeksForGeeks" redirecturl="" tabindex="-1" target="_blank" href="http://test.test" h="ID=SERP,5214.1"><div class="tpic"><div class="wr_fav" data-priority="2"><div class="cico siteicon" style=""><img src="http://test.test" height="32" width="32" alt="Global web icon" class="rms_img" data-bm="53"/></div></div></div><div class="tptxt"><div class="tptt">GeeksForGeeks</div><div class="tpmeta"><div class="b_attribution" tabindex="-1"><cite>http://test.test › javascript › how-to-read-a-local-text-file...</cite></div></div></div></a></div><h2 class=""><a target="_blank" href="http://test.test" h="ID=SERP,5214.2">How to read a local text file using JavaScript? - GeeksforGeeks</a></h2><div class="b_caption hasdl"><p class="b_lineclamp2"><span class="news_dt">Jul 12, 2025</span>· JavaScript can read local files using the File API, which is supported by most modern browsers. The File API allows JavaScript to read the contents of files chosen by the user, typically …</p></div><div class="b_deepdesk"><ul class="b_vList b_divsec"><li data-priority=""><h3 role="presentation" class="deeplink_title" style=""><a aria-label="Sign In" target="_blank" href="http://test.test" h="ID=SERP,5471.1">Sign In</a></h3><p>JavaScript can read local files using the File API, which is supported by most modern browsers. The File API allows JavaScript to read the contents of files c…</p></li></ul></div><a class="b_deep b_moreLink" target="_blank" href="http://test.test" h="ID=SERP,5472.1">See results only from geeksforgeeks.org</a><div elementtiming="frp.MiddleOfPage" aria-hidden="true" style="" tabindex="-1"></div></li><li class="b_ans b_mop b_vidAns" data-tag="" data-partnertag="" data-id="" h="SERP,5474.1" data-bm="7"><div class="vsathm"><div id="serpvidans" class="vsa apvc cardless noscr vsacf"><div class="btitle b_title" data-partnertag="multimedia.videoAnswer.title"><h2 class="vsatitle mmtitle"><a target="_blank" href="http://test.test" h="ID=SERP,5146.1">Videos of How to Read File in JS</a></h2></div><div class="revqpm" data-appns="SERP" data-k="5888"><div class="mm_rel_container"><div id="slideexp0_DE9446c" class="b_canvas b_slideexp" data-control-id="slideexp0_DE9446" data-appns="SERP" data-k="5583.1" data-stk=""><div class="b_overlay"><div id="id_25" class="btn disabled prev ltr acfsmallchev bld" data-dir="" role="button" data-clicked-msg="The content has shifted toward the left-hand side" aria-label="Click to scroll left" aria-hidden="true"><div class="bg"><span></span></div><div class="vcac"><div style=""><div class="cr"></div></div></div></div><div id="id_26" class="btn next ltr acfsmallchev bld" data-dir="" role="button" data-clicked-msg="The content has shifted toward the right-hand side" aria-label="Click to scroll right"><div class="bg"><span></span></div><div class="vcac"><div style=""><div class="cr"></div></div></div></div><div class="b_slidesContainer" style=""><div class="b_viewport scrollbar" nativescrollingenabled="1" style=""><div class="b_slidebar b_sldrp" id="slideexp0_DE9446" role="list" aria-label="Please use arrow keys to navigate" style=""><div class="slide" data-dataurl="" data-rinterval="" data-appns="SERP" data-k="5563.1" data-tag="" style="" tabindex="" data-mini="" role="listitem"><a class="mm_rel" target="_blank" href="http://test.test" h="ID=SERP,5524.1"><div class="cico" style=""><img src="http://test.test" height="30" width="30" data-priority="2" role="presentation" class="rms_img" data-bm="51"/></div><div class="mc_vtvc_title" data-tag="component.VideoTile.Title" title="How To Create A Js File">How To Create A Js File</div></a></div><div class="slide" data-dataurl="" data-rinterval="" data-appns="SERP" data-k="5564.1" data-tag="" style="" tabindex="" data-mini="" role="listitem"><a class="mm_rel" target="_blank" href="http://test.test" h="ID=SERP,5526.1"><div class="cico" style=""><img src="http://test.test" height="30" width="30" data-priority="2" role="presentation" class="rms_img" data-bm="50"/></div><div class="mc_vtvc_title" data-tag="component.VideoTile.Title" title="How To Run Js File">How To Run Js File</div></a></div><div class="slide" data-dataurl="" data-rinterval="" data-appns="SERP" data-k="5565.1" data-tag="" style="" tabindex="" data-mini="" role="listitem"><a class="mm_rel" target="_blank" href="http://test.test" h="ID=SERP,5528.1"><div class="cico" style=""><img src="http://test.test" height="30" width="30" data-priority="2" role="presentation" class="rms_img" data-bm="52"/></div><div class="mc_vtvc_title" data-tag="component.VideoTile.Title" title="How To Decode Js File">How To Decode Js File</div></a></div><div class="slide" data-dataurl="" data-rinterval="" data-appns="SERP" data-k="5566.1" data-tag="" style="" tabindex="" data-mini="" role="listitem"><a class="mm_rel" target="_blank" href="http://test.test" h="ID=SERP,5530.1"><div class="cico" style=""><img src="http://test.test" height="30" width="30" data-priority="2" role="presentation" class="rms_img" data-bm="49"/></div><div class="mc_vtvc_title" data-tag="component.VideoTile.Title" title="How To Read File In C++">How To Read File In C++</div></a></div><div class="slide" data-dataurl="" data-rinterval="" data-appns="SERP" data-k="5567.1" data-tag="" style="" tabindex="" data-mini="" role="listitem"><a class="mm_rel" target="_blank" href="http://test.test" h="ID=SERP,5532.1"><div class="cico" style=""><img src="http://test.test" height="30" width="30" data-priority="2" role="presentation" class="rms_img" data-bm="54"/></div><div class="mc_vtvc_title" data-tag="component.VideoTile.Title" title="How To Open Js Files">How To Open Js Files</div></a></div><div class="slide" data-dataurl="" data-rinterval="" data-appns="SERP" data-k="5568.1" data-tag="" style="" tabindex="" data-mini="" role="listitem"><a class="mm_rel" target="_blank" href="http://test.test" h="ID=SERP,5534.1"><div class="cico" style=""><img src="http://test.test" height="30" width="30" data-priority="2" role="presentation" class="rms_img" data-bm="62"/></div><div class="mc_vtvc_title" data-tag="component.VideoTile.Title" title="How To Read A File In Java">How To Read A File In Java</div></a></div><div class="slide" data-dataurl="" data-rinterval="" data-appns="SERP" data-k="5569.1" data-tag="" style="" tabindex="" data-mini="" role="listitem"><a class="mm_rel" target="_blank" href="http://test.test" h="ID=SERP,5536.1"><div class="cico" style=""><img src="http://test.test" height="30" width="30" data-priority="2" role="presentation" class="rms_img" data-bm="72"/></div><div class="mc_vtvc_title" data-tag="component.VideoTile.Title" title="How To Read And Write Txt File Using Node.Js">How To Read And Write Txt File Using Node.Js</div></a></div><div class="slide" data-dataurl="" data-rinterval="" data-appns="SERP" data-k="5570.1" data-tag="" style="" tabindex="" data-mini="" role="listitem"><a class="mm_rel" target="_blank" href="http://test.test" h="ID=SERP,5538.1"><div class="cico" style=""><img src="http://test.test" height="30" width="30" data-priority="2" role="presentation" class="rms_img" data-bm="61"/></div><div class="mc_vtvc_title" data-tag="component.VideoTile.Title" title="How To Read From A File In C">How To Read From A File In C</div></a></div><div class="slide" data-dataurl="" data-rinterval="" data-appns="SERP" data-k="5571.1" data-tag="" style="" tabindex="" data-mini="" role="listitem"><a class="mm_rel" target="_blank" href="http://test.test" h="ID=SERP,5540.1"><div class="cico" style=""><img src="http://test.test" height="30" width="30" data-priority="2" role="presentation" class="rms_img" data-bm="65"/></div><div class="mc_vtvc_title" data-tag="component.VideoTile.Title" title="How To Make A Css File">How To Make A Css File</div></a></div><div class="slide" data-dataurl="" data-rinterval="" data-appns="SERP" data-k="5572.1" data-tag="" style="" tabindex="" data-mini="" role="listitem"><a class="mm_rel" target="_blank" href="http://test.test" h="ID=SERP,5542.1"><div class="cico" style=""><img src="http://test.test" height="30" width="30" data-priority="2" role="presentation" class="rms_img" data-bm="71"/></div><div class="mc_vtvc_title" data-tag="component.VideoTile.Title" title="Python Read File">Python Read File</div></a></div><div class="slide" data-dataurl="" data-rinterval="" data-appns="SERP" data-k="5573.1" data-tag="" style="" tabindex="" data-mini="" role="listitem"><a class="mm_rel" target="_blank" href="http://test.test" h="ID=SERP,5544.1"><div class="cico" style=""><img src="http://test.test" height="30" width="30" data-priority="2" role="presentation" class="rms_img" data-bm="74"/></div><div class="mc_vtvc_title" data-tag="component.VideoTile.Title" title="How To Edit Javascript Files">How To Edit Javascript Files</div></a></div><div class="slide" data-dataurl="" data-rinterval="" data-appns="SERP" data-k="5574.1" data-tag="" style="" tabindex="" data-mini="" role="listitem"><a class="mm_rel" target="_blank" href="http://test.test" h="ID=SERP,5546.1"><div class="cico" style=""><img src="http://test.test" height="30" width="30" data-priority="2" role="presentation" class="rms_img" data-bm="69"/></div><div class="mc_vtvc_title" data-tag="component.VideoTile.Title" title="How To Read And Write Files In Python">How To Read And Write Files In Python</div></a></div><div class="slide" data-dataurl="" data-rinterval="" data-appns="SERP" data-k="5575.1" data-tag="" style="" tabindex="" data-mini="" role="listitem"><a class="mm_rel" target="_blank" href="http://test.test" h="ID=SERP,5548.1"><div class="cico" style=""><img src="http://test.test" height="30" width="30" data-priority="2" role="presentation" class="rms_img" data-bm="68"/></div><div class="mc_vtvc_title" data-tag="component.VideoTile.Title" title="How To Run A Javascript File">How To Run A Javascript File</div></a></div><div class="slide" data-dataurl="" data-rinterval="" data-appns="SERP" data-k="5576.1" data-tag="" style="" tabindex="" data-mini="" role="listitem"><a class="mm_rel" target="_blank" href="http://test.test" h="ID=SERP,5550.1"><div class="cico" style=""><img src="http://test.test" height="30" width="30" data-priority="2" role="presentation" class="rms_img" data-bm="63"/></div><div class="mc_vtvc_title" data-tag="component.VideoTile.Title" title="Js File">Js File</div></a></div><div class="slide" data-dataurl="" data-rinterval="" data-appns="SERP" data-k="5577.1" data-tag="" style="" tabindex="" data-mini="" role="listitem"><a class="mm_rel" target="_blank" href="http://test.test" h="ID=SERP,5552.1"><div class="cico" style=""><img src="http://test.test" height="30" width="30" data-priority="2" role="presentation" class="rms_img" data-bm="70"/></div><div class="mc_vtvc_title" data-tag="component.VideoTile.Title" title="How To Link Js File In Html">How To Link Js File In Html</div></a></div><div class="slide" data-dataurl="" data-rinterval="" data-appns="SERP" data-k="5578.1" data-tag="" style="" tabindex="" data-mini="" role="listitem"><a class="mm_rel" target="_blank" href="http://test.test" h="ID=SERP,5554.1"><div class="cico" style=""><img src="http://test.test" height="30" width="30" data-priority="2" role="presentation" class="rms_img" data-bm="58"/></div><div class="mc_vtvc_title" data-tag="component.VideoTile.Title" title="Python Read Text File">Python Read Text File</div></a></div><div class="slide" data-dataurl="" data-rinterval="" data-appns="SERP" data-k="5579.1" data-tag="" style="" tabindex="" data-mini="" role="listitem"><a class="mm_rel" target="_blank" href="http://test.test" h="ID=SERP,5556.1"><div class="cico" style=""><img src="http://test.test" height="30" width="30" data-priority="2" role="presentation" class="rms_img" data-bm="59"/></div><div class="mc_vtvc_title" data-tag="component.VideoTile.Title" title="Read Json File Python">Read Json File Python</div></a></div><div class="slide" data-dataurl="" data-rinterval="" data-appns="SERP" data-k="5580.1" data-tag="" style="" tabindex="" data-mini="" role="listitem"><a class="mm_rel" target="_blank" href="http://test.test" h="ID=SERP,5558.1"><div class="cico" style=""><img src="http://test.test" height="30" width="30" data-priority="2" role="presentation" class="rms_img" data-bm="60"/></div><div class="mc_vtvc_title" data-tag="component.VideoTile.Title" title="Read Json File">Read Json File</div></a></div><div class="slide" data-dataurl="" data-rinterval="" data-appns="SERP" data-k="5581.1" data-tag="" style="" tabindex="" data-mini="" role="listitem"><a class="mm_rel" target="_blank" href="http://test.test" h="ID=SERP,5560.1"><div class="cico" style=""><img src="http://test.test" height="30" width="30" data-priority="2" role="presentation" class="rms_img" data-bm="64"/></div><div class="mc_vtvc_title" data-tag="component.VideoTile.Title" title="Python Reading Files">Python Reading Files</div></a></div><div class="slide" data-dataurl="" data-rinterval="" data-appns="SERP" data-k="5582.1" data-tag="" style="" tabindex="" data-mini="" role="listitem"><a class="mm_rel" target="_blank" href="http://test.test" h="ID=SERP,5562.1"><div class="cico" style=""><img src="http://test.test" height="30" width="30" data-priority="2" role="presentation" class="rms_img" data-bm="66"/></div><div class="mc_vtvc_title" data-tag="component.VideoTile.Title" title="Create Css File">Create Css File</div></a></div></div></div></div></div></div></div></div><div class="btitle b_title" data-partnertag="multimedia.videoAnswer.title"><h2 class="vsatitle mmtitle"><a target="_blank" href="http://test.test" h="ID=SERP,5151.1">Videos of How to Read File in JS</a></h2></div><div id="id_27" class="mc_cwvc"><div id="mc_vtvc__42" class="mc_vtvc b_canvas mc_vtvc_cc creator" data-priority="1" vrhatt="null" bssatt="null"><a aria-label="How to Read and Write to Text Files in JavaScript from YouTube · Duration: 5 minutes 2 seconds · 100.5K views · uploaded on Aug 14, 2021 · uploaded by SteamCode · Click to play. · Hello everyone, welcome to SteamCode! In this video, I will show you how to read and write to text files using JavaScript. If you enjoy the video, please like and subscribe, and if you have any questions, do not hesitate to leave them in the comment section below. Check out our Discord! http://test.test 👉Subscribe to SteamCode ..." data-dc="vtdc_orange" class="mc_vtvc_link" target="_blank" href="http://test.test" h="ID=SERP,5587.1"><div class="mc_vtvc_con_rc" vrhatt="null"><div class="mc_vtvc_th b_canvas"><div class="cico"><img src="http://test.test" height="200" width="356" alt="How to Read and Write to Text Files in JavaScript" class="rms_img" data-bm="73"/></div><div class="mc_vtvc_htc"><div class="mc_vtvc_htb"><div class="mc_vtvc_ht">Watch video</div></div></div><div class="mc_vtvc_center_play"></div><div class="mc_vtvc_ban_lo"><div class="vtbc"><div class="mc_bc_w b_smText"><div class="mc_bc items">5:02</div></div></div></div></div><div class="mc_vtvc_meta_w"><div class="mc_vtvc_meta_bg_w"></div><div class="mc_vtvc_meta"><div class="mc_vtvc_title b_promtxt" title="How to Read and Write to Text Files in JavaScript"><strong>How</strong><strong>to</strong><strong>Read</strong>and Write<strong>to</strong>Text Files<strong>in</strong>JavaScript</div><div class="mc_vtvc_meta_block_area"><div class="mc_vtvc_meta_block"><div class="mc_vtvc_meta_row mc_vtvc_meta_channel"><img class="mmsi mmsi-youtube rms_img" alt="Video source site" data-bm="40"/><span>YouTube</span><span class="mc_vtvc_meta_row_channel">SteamCode</span></div><div class="mc_vtvc_meta_row mc_vtvc_meta_pubdate"><span class="meta_vc_content">100.5K views</span><span class="meta_pd_content">Aug 14, 2021</span></div></div></div></div></div><div class="vrhdata" ht="0" vrhm="{&quot;cid&quot;:&quot;mc_cwvc_hc&quot;,&quot;smturl&quot;:&quot;http://test.test to Read and Write to Text Files in JavaScript&quot;,&quot;IsAdultThumb&quot;:false,&quot;EnableLoopPlay&quot;:false,&quot;pgurl&quot;:&quot;http://test.test to read file in JS&quot;}"></div></div></a></div></div><template class="vrhc inline vrh_clc hide" data-hctid="mc_cwvc_hc" data-priority="2"><div class="vrhcp"><div class="vrhtc pffv"><div class="vrhtpc"><div class="vt_vp"><div class="smtplayerhtml5 hide"><video class="smtplayer" type="video/mp4" playsinline="" webkit-playsinline=""></video></div></div><div class="player_ol"><span class="pffvt"><span class="pffvi"></span>Watch full video</span></div><img class="vrhi hide"/></div><div class="vrhol hide"><div class="vrhot hide"><div class="vrhot cont"></div></div><div class="b_ri ricons"><div class="vol hide"><div class="vol bg"></div><div class="vol cont hide"><div class="volMuteHandle" role="button" tabindex="0"><div class="volMuteIcon"></div></div></div></div></div></div></div></div><div class="vrhstat" role="alert"></div></template><div class="btitle b_title" data-partnertag="multimedia.videoAnswer.title"><h2 class="vsatitle mmtitle"><a target="_blank" href="http://test.test" h="ID=SERP,5154.1">more videos</a></h2></div><div ihpa="Preview" ihp="No preview"><div class="mmlist cardless noscr"><div id="id_28"><div id="mc_vtvc__46" class="mc_vtvc b_canvas mc_vtvc_cc creator" data-priority="1"><a aria-label="File Reader in JavaScript from YouTube · Duration: 19 minutes 55 seconds · 6.1K views · uploaded on Jun 12, 2023 · uploaded by Amit Coding Classes · Click to play. · Welcome to our tutorial on the FileReader method in JavaScript! In this video, we will be exploring how to use the FileReader method to read and process files in JavaScript. We will also cover important concepts such as handling asynchronous file reading using event listeners, error handling, and progress monitoring during file reading ..." data-dc="vtdc_black" class="mc_vtvc_link" target="_blank" href="http://test.test" h="ID=SERP,5599.1"><div class="mc_vtvc_con_rc" vrhatt="null"><div class="mc_vtvc_th b_canvas"><div class="cico"><img src="http://test.test" height="131" width="233" alt="File Reader in JavaScript" class="rms_img" data-bm="55"/></div><div class="mc_vtvc_htc"><div class="mc_vtvc_htb"><div class="mc_vtvc_ht">Watch video</div></div></div><div class="mc_vtvc_center_play"></div><div class="mc_vtvc_ban_lo"><div class="vtbc"><div class="mc_bc_w b_smText"><div class="mc_bc items">19:55</div></div></div></div></div><div class="mc_vtvc_meta"><div class="mc_vtvc_title" title="File Reader in JavaScript"><strong>File</strong>Reader<strong>in</strong>JavaScript</div><div class="mc_vtvc_meta_block_area"><div class="mc_vtvc_meta_row mc_vtvc_meta_channel"><img class="mmsi mmsi-youtube rms_img" alt="Video source site" data-bm="41"/><span>YouTube</span><span class="mc_vtvc_meta_row_channel">Amit Coding Classes</span></div><div class="mc_vtvc_meta_row mc_vtvc_meta_pubdate"><span class="meta_vc_content">6.1K views</span><span class="meta_pd_content">Jun 12, 2023</span></div></div></div><div class="vrhdata" ht="0" vrhm="{&quot;cid&quot;:&quot;serpvidans_hc&quot;,&quot;bci&quot;:0,&quot;du&quot;:&quot;19:55&quot;,&quot;murl&quot;:&quot;http://test.test Reader in JavaScript&quot;,&quot;IsAdultThumb&quot;:false,&quot;EnableLoopPlay&quot;:false,&quot;pgurl&quot;:&quot;http://test.test to read file in JS&quot;}"></div></div></a></div></div><div id="id_29"><div id="mc_vtvc__49" class="mc_vtvc b_canvas mc_vtvc_cc creator" data-priority="1"><a aria-label="Read a Local File Using JavaScript from YouTube · Duration: 9 minutes 6 seconds · 9.1K views · uploaded on Jul 9, 2021 · uploaded by Dan Lo · Click to play. · This JavaScript tutorial shows you how to read a local file. Reading files in JavaScript is not so straight forward. There are ways to do it. I am showing you the simple way. Have fun!" data-dc="vtdc_blue" class="mc_vtvc_link" target="_blank" href="http://test.test" h="ID=SERP,5600.1"><div class="mc_vtvc_con_rc" vrhatt="null"><div class="mc_vtvc_th b_canvas"><div class="cico"><img src="http://test.test" height="131" width="233" alt="Read a Local File Using JavaScript" class="rms_img" data-bm="56"/></div><div class="mc_vtvc_htc"><div class="mc_vtvc_htb"><div class="mc_vtvc_ht">Watch video</div></div></div><div class="mc_vtvc_center_play"></div><div class="mc_vtvc_ban_lo"><div class="vtbc"><div class="mc_bc_w b_smText"><div class="mc_bc items">9:06</div></div></div></div></div><div class="mc_vtvc_meta"><div class="mc_vtvc_title" title="Read a Local File Using JavaScript"><strong>Read</strong>a Local<strong>File</strong>Using JavaScript</div><div class="mc_vtvc_meta_block_area"><div class="mc_vtvc_meta_row mc_vtvc_meta_channel"><img class="mmsi mmsi-youtube rms_img" alt="Video source site" data-bm="42"/><span>YouTube</span><span class="mc_vtvc_meta_row_channel">Dan Lo</span></div><div class="mc_vtvc_meta_row mc_vtvc_meta_pubdate"><span class="meta_vc_content">9.1K views</span><span class="meta_pd_content">Jul 9, 2021</span></div></div></div><div class="vrhdata" ht="0" vrhm="{&quot;cid&quot;:&quot;serpvidans_hc&quot;,&quot;bci&quot;:0,&quot;du&quot;:&quot;9:06&quot;,&quot;murl&quot;:&quot;http://test.test a Local File Using JavaScript&quot;,&quot;IsAdultThumb&quot;:false,&quot;EnableLoopPlay&quot;:false,&quot;pgurl&quot;:&quot;http://test.test to read file in JS&quot;}"></div></div></a></div></div><div id="id_30"><div id="mc_vtvc__52" class="mc_vtvc b_canvas mc_vtvc_cc creator" data-priority="1"><a aria-label="Read a file using the FileReader API – JavaScript Tutorial from YouTube · Duration: 25 minutes 48 seconds · 28.4K views · uploaded on Sep 17, 2022 · uploaded by OpenJavaScript · Click to play. · 👉 Source code: http://test.test ⚡ Looking for high-performance, afforable web hosting? We use HostWithLove: http://test.test ️ Using the FileReader API, you can read in (and edit) files with client-side JavaScript. By reading in and manipulating files in the ..." data-dc="vtdc_black" class="mc_vtvc_link" target="_blank" href="http://test.test" h="ID=SERP,5601.1"><div class="mc_vtvc_con_rc" vrhatt="null"><div class="mc_vtvc_th b_canvas"><div class="cico"><img src="http://test.test" height="131" width="233" alt="Read a file using the FileReader API – JavaScript Tutorial" class="rms_img" data-bm="57"/></div><div class="mc_vtvc_htc"><div class="mc_vtvc_htb"><div class="mc_vtvc_ht">Watch video</div></div></div><div class="mc_vtvc_center_play"></div><div class="mc_vtvc_ban_lo"><div class="vtbc"><div class="mc_bc_w b_smText"><div class="mc_bc items">25:48</div></div></div></div></div><div class="mc_vtvc_meta"><div class="mc_vtvc_title" title="Read a file using the FileReader API – JavaScript Tutorial"><strong>Read</strong>a<strong>file</strong>using the FileReader API – JavaScript Tutorial</div><div class="mc_vtvc_meta_block_area"><div class="mc_vtvc_meta_row mc_vtvc_meta_channel"><img class="mmsi mmsi-youtube rms_img" alt="Video source site" data-bm="43"/><span>YouTube</span><span class="mc_vtvc_meta_row_channel">OpenJavaScript</span></div><div class="mc_vtvc_meta_row mc_vtvc_meta_pubdate"><span class="meta_vc_content">28.4K views</span><span class="meta_pd_content">Sep 17, 2022</span></div></div></div><div class="vrhdata" ht="0" vrhm="{&quot;cid&quot;:&quot;serpvidans_hc&quot;,&quot;smturl&quot;:&quot;http://test.test a file using the FileReader API – JavaScript Tutorial&quot;,&quot;IsAdultThumb&quot;:false,&quot;EnableLoopPlay&quot;:false,&quot;pgurl&quot;:&quot;http://test.test to read file in JS&quot;}"></div></div></a></div></div></div></div><template class="vrhc inline vrh_clc hide" data-hctid="serpvidans_hc" data-priority="2"><div class="vrhcp"><div class="vrhtc pffv"><div class="vrhtpc"><div class="vt_vp"><div class="smtplayerhtml5 hide"><video class="smtplayer" type="video/mp4" playsinline="" webkit-playsinline=""></video></div></div><div class="player_ol"><span class="pffvt"><span class="pffvi"></span>Watch full video</span></div><img class="vrhi hide"/></div><div class="vrhol hide"><div class="vrhot hide"><div class="vrhot cont"></div></div><div class="b_ri ricons"><div class="vol hide"><div class="vol bg"></div><div class="vol cont hide"><div class="volMuteHandle" role="button" tabindex="0"><div class="volMuteIcon"></div></div></div></div></div></div></div></div><div class="vrhstat" role="alert"></div></template></div></div></li><li class="b_algo" data-id="" iid="SERP.5889" data-bm="8"><div class="b_tpcn"><a class="tilk" aria-label="Stack Overflow" redirecturl="" tabindex="-1" target="_blank" href="http://test.test" h="ID=SERP,5238.1"><div class="tpic"><div class="wr_fav" data-priority="2"><div class="cico siteicon" style=""><img src="http://test.test" height="32" width="32" alt="Global web icon" class="rms_img"/></div></div></div><div class="tptxt"><div class="tptt">Stack Overflow</div><div class="tpmeta"><div class="b_attribution" tabindex="-1"><cite>http://test.test › questions</cite></div></div></div></a></div><h2 class=""><a target="_blank" href="http://test.test" h="ID=SERP,5238.2">javascript - How can I read a local text file in the browser? - Stack ...</a></h2><div class="b_caption"><p class="b_lineclamp2">Yes, JavaScript can read local files (see FileReader ()), but not automatically: the user has to pass the file or a list of files to the script with an HTML tag, <input type="file">.</p></div><div id="id_31" class="b_acf_card" data-k="5890" data-appns="SERP"><div class="t-code">Usage example<div class="t-code b_mBottom"><div class="cCodeBg"><div style="">readTextFile(<span class="code_red">"file:http://test.test"</span>);</div></div></div></div><div><div class="b_footnote"><a target="_blank" title="" class="b_moreLink ltr" aria-label="See more on stackoverflow See more on stackoverflow" href="http://test.test" h="ID=SERP,5641.1">See more on stackoverflow</a><div id="fdbk_thmb56" class="fdbk_thmb_root" data-priority="2" aria-live="polite"><div id="fdbk_emotion56" class="fdbk_emotion"><img src="/th?id=OBFB.1B096C6DCB92C2B9A732929A92AF5585&amp;pid=Fb&amp;qlt=99&amp;r=0" class="sat_img"/><img src="/th?id=OBFB.1E928B2B86E3D4E8ED1D46B83E667303&amp;pid=Fb&amp;qlt=99&amp;r=0" class="dsat_img"/></div><span id="fdbtext_56" class="fdbtext">Feedback</span><a id="thumb_t56" class="thumb_y linkBtn thumb" role="button" aria-label="Feedback Like" title="Feedback Like" href="javascript:void(0)" h="ID=SERP,5892.1"></a><a id="thumb_f56" class="thumb_n linkBtn feedback-binded thumb" role="button" aria-label="Feedback Dislike" title="Feedback Dislike" href="javascript:void(0)" h="ID=SERP,5893.1"></a><div id="thumbUpTips56" class="fdbk_hide fdbtext"><span>Thanks!</span><a id="thumb_tum56" role="button" aria-label="Tell us more" class="linkBtn feedback-binded" href="javascript:void(0)" h="ID=SERP,5894.1">Tell us more</a></div></div></div></div></div><div class="b_algoRCAggreFC"><div class="b_rcfcv2"><table><tbody><tr data-exp="H;;;;;;" data-exp-noani="1"><td style=""><a target="_blank" href="http://test.test" h="ID=SERP,5649.1">Local file access with JavaScript - Stack Overflow</a></td><td style="">Aug 11, 2019</td></tr><tr data-exp="H;;;;;;" data-exp-noani="1"><td style=""><a target="_blank" href="http://test.test" h="ID=SERP,5650.1">Read a file in Node.js - Stack Overflow</a></td><td style="">Aug 21, 2013</td></tr><tr data-exp="H;;;;;;" data-exp-noani="1"><td style=""><a target="_blank" href="http://test.test" h="ID=SERP,5651.1">html - Reading file contents on the client-side in javascript in ...</a></td><td style=""></td></tr><tr data-exp="H;;;;;;" data-exp-noani="1"><td style=""><a target="_blank" href="http://test.test" h="ID=SERP,5652.1">html - How to read text file in JavaScript - Stack Overflow</a></td><td style=""></td></tr></tbody></table><div class="wpcbc"><div class="rc_req_link"><a target="_blank" href="http://test.test" h="ID=SERP,5653.1">See more results</a></div></div></div></div></li><li class="b_algo" data-id="" iid="SERP.5895" data-bm="9"><div class="b_tpcn"><a class="tilk" aria-label="javaspring.net" redirecturl="" tabindex="-1" target="_blank" href="http://test.test" h="ID=SERP,5258.1"><div class="tpic"><div class="wr_fav" data-priority="2"><div class="cico siteicon" style=""><img src="http://test.test" height="32" width="32" alt="Global web icon" class="rms_img"/></div></div></div><div class="tptxt"><div class="tptt">javaspring.net</div><div class="tpmeta"><div class="b_attribution" tabindex="-1"><cite>http://test.test › blog › how-to-read-and-write-into-file-using...</cite></div></div></div></a></div><h2 class=""><a target="_blank" href="http://test.test" h="ID=SERP,5258.2">How to Read and Write Files in JavaScript: Step-by-Step Tutorial with ...</a></h2><div class="b_caption"><p class="b_lineclamp2"><span class="news_dt">Jan 16, 2026</span>· How to Read and Write Files in JavaScript: Step-by-Step Tutorial with Sample Code Examples File handling—reading from and writing to files—is a fundamental skill in programming, …</p></div></li><li class="b_algo" data-id="" iid="SERP.5896" data-bm="10"><div class="b_tpcn"><a class="tilk" aria-label="Delft Stack" redirecturl="" tabindex="-1" target="_blank" href="http://test.test" h="ID=SERP,5280.1"><div class="tpic"><div class="wr_fav" data-priority="2"><div class="cico siteicon" style=""><img src="http://test.test" height="32" width="32" alt="Global web icon" class="rms_img"/></div></div></div><div class="tptxt"><div class="tptt">Delft Stack</div><div class="tpmeta"><div class="b_attribution" tabindex="-1"><cite>http://test.test › howto › javascript › read-text-file-in-javascript</cite></div></div></div></a></div><h2 class=""><a target="_blank" href="http://test.test" h="ID=SERP,5280.2">How to Read Text File in JavaScript - Delft Stack</a></h2><div class="b_caption"><p class="b_lineclamp2"><span class="news_dt">Mar 11, 2025</span>· This tutorial demonstrates how to read text files in JavaScript, covering methods for both the browser and Node.js environments. Learn to use the File API, Fetch API, and Node.js fs module …</p></div></li><li class="b_algo" data-id="" iid="SERP.5897" data-bm="11"><div class="b_imgcap_altitle b_imgcap_nosc"><div class="b_imgcap_img"><div><a target="_blank" title="Explore this image" href="/images/search?view=detailV2&amp;ccid=md5cY2OS&amp;id=DFDC3D6118B9659DAFDB0AD234F1BD690164585A&amp;thid=OIP.md5cY2OSu5YQzvpRDFxDewHaEK&amp;mediaurl=https%3A%2F%2Fcodeforgeek.com%2Fwp-content%2Fuploads%2F2025%2F08%2FVoid-Operator-in-JavaScript-1024x576.png&amp;q=how+to+read+file+in+JS&amp;ck=50D91132D6669EFB1421ECDD9712B88E&amp;idpp=rc&amp;expw=1024&amp;exph=576&amp;form=rc2idp" h="ID=SERP,5661.1"><img src="http://test.test" data-priority="2" height="108" width="108" class="b_circleImage b_ci_image_overlay b_onfaimg rms_img" fdopt="False" aria-hidden="true" data-bm="67"/></a></div></div><div class="b_imgcap_main"><div class="b_tpcn"><a class="tilk" aria-label="CodeForGeek" redirecturl="" tabindex="-1" target="_blank" href="http://test.test" h="ID=SERP,5303.1"><div class="tpic"><div class="wr_fav" data-priority="2"><div class="cico siteicon" style=""><img src="http://test.test" height="32" width="32" alt="Global web icon" class="rms_img"/></div></div></div><div class="tptxt"><div class="tptt">CodeForGeek</div><div class="tpmeta"><div class="b_attribution" tabindex="-1"><cite>http://test.test › read-local-text-file-using-javascript</cite></div></div></div></a></div><h2 class=""><a target="_blank" href="http://test.test" h="ID=SERP,5303.2">How to Read a Local Text File in JavaScript: JS …</a></h2><p class="b_lineclamp2"><span class="news_dt">Aug 20, 2025</span>· This is a simple approach to reading files in JavaScript using the FileReader API and its four methods. Whether you are programming in the …</p></div></div><div class="b_caption b_rich"></div></li><li class="b_algo" data-id="" iid="SERP.5898" data-bm="12"><div class="b_tpcn"><a class="tilk" aria-label="Mozilla Developer" redirecturl="" tabindex="-1" target="_blank" href="http://test.test" h="ID=SERP,5325.1"><div class="tpic"><div class="wr_fav" data-priority="2"><div class="cico siteicon" style=""><img src="http://test.test" height="32" width="32" alt="Global web icon" class="rms_img"/></div></div></div><div class="tptxt"><div class="tptt">Mozilla Developer</div><div class="tpmeta"><div class="b_attribution" tabindex="-1"><cite>http://test.test › en-US › docs › Web › API › FileReader</cite></div></div></div></a></div><h2 class=""><a target="_blank" href="http://test.test" h="ID=SERP,5325.2">FileReader - Web APIs | MDN - MDN Web Docs</a></h2><div class="b_caption"><p class="b_lineclamp2"><span class="news_dt">Jun 23, 2025</span>· The FileReader interface lets web applications asynchronously read the contents of files (or raw data buffers) stored on the user's computer, using File or Blob objects to specify the file or …</p></div></li><li class="b_algo" data-id="" iid="SERP.5899" data-bm="13"><div class="b_tpcn"><a class="tilk" aria-label="web.dev" redirecturl="" tabindex="-1" target="_blank" href="http://test.test" h="ID=SERP,5347.1"><div class="tpic"><div class="wr_fav" data-priority="2"><div class="cico siteicon" style=""><img src="http://test.test" height="32" width="32" alt="Global web icon" class="rms_img"/></div></div></div><div class="tptxt"><div class="tptt">web.dev</div><div class="tpmeta"><div class="b_attribution" tabindex="-1"><cite>http://test.test › articles › read-files</cite></div></div></div></a></div><h2 class=""><a target="_blank" href="http://test.test" h="ID=SERP,5347.2">Read files in JavaScript | Articles | web.dev</a></h2><div class="b_caption"><p class="b_lineclamp2"><span class="news_dt">Jun 18, 2010</span>· This example reads a File provided by the user, then converts it to a data URL, and uses that data URL to display the image in an img element. To learn how to verify that the user has …</p></div></li><li class="b_algo" data-id="" iid="SERP.5900" data-bm="14"><div class="b_tpcn"><a class="tilk" aria-label="JavaScript Tutorial" redirecturl="" tabindex="-1" target="_blank" href="http://test.test" h="ID=SERP,5368.1"><div class="tpic"><div class="wr_fav" data-priority="2"><div class="cico siteicon" style=""><img src="http://test.test" height="32" width="32" alt="Global web icon" class="rms_img"/></div></div></div><div class="tptxt"><div class="tptt">JavaScript Tutorial</div><div class="tpmeta"><div class="b_attribution" tabindex="-1"><cite>http://test.test › web-apis › javascript-filereader</cite></div></div></div></a></div><h2 class=""><a target="_blank" href="http://test.test" h="ID=SERP,5368.2">JavaScript FileReader</a></h2><div class="b_caption"><p class="b_lineclamp2">In this tutorial, you'll learn about the JavaScript FileReader API and how to use it to implement the file upload.</p></div></li><li class="b_algo" data-id="" iid="SERP.5901" data-bm="15"><div class="b_tpcn"><a class="tilk" aria-label="W3docs" redirecturl="" tabindex="-1" target="_blank" href="http://test.test" h="ID=SERP,5389.1"><div class="tpic"><div class="wr_fav" data-priority="2"><div class="cico siteicon" style=""><img src="http://test.test" height="32" width="32" alt="Global web icon" class="rms_img"/></div></div></div><div class="tptxt"><div class="tptt">W3docs</div><div class="tpmeta"><div class="b_attribution" tabindex="-1"><cite>http://test.test › learn-javascript › file-and-filereader</cite></div></div></div></a></div><h2 class=""><a target="_blank" href="http://test.test" h="ID=SERP,5389.2">JavaScript File and FileReader - W3docs</a></h2><div class="b_caption"><p class="b_lineclamp2">JavaScript, which is key to client-side scripting, provides strong tools through the File and FileReader interfaces. This guide offers a detailed look at these tools, giving developers the skills to handle files …</p></div></li><li class="b_algo" data-id="" iid="SERP.5902" data-bm="16"><div class="b_tpcn"><a class="tilk" aria-label="substack.com" redirecturl="" tabindex="-1" target="_blank" href="http://test.test" h="ID=SERP,5408.1"><div class="tpic"><div class="wr_fav" data-priority="2"><div class="cico siteicon" style=""><img src="http://test.test" height="32" width="32" alt="Global web icon" class="rms_img"/></div></div></div><div class="tptxt"><div class="tptt">substack.com</div><div class="tpmeta"><div class="b_attribution" tabindex="-1"><cite>http://test.test › how-to-handle-files-in-javascript</cite></div></div></div></a></div><h2 class=""><a target="_blank" href="http://test.test" h="ID=SERP,5408.2">How to Handle Files in JavaScript: Reading, Uploading, and Converting</a></h2><div class="b_caption"><p class="b_lineclamp2"><span class="news_dt">Nov 14, 2024</span>· This article provides a comprehensive guide to file handling in JavaScript. It covers file selection, retrieving file properties, and uploading files to a server. Key concepts such as the …</p></div></li><li class="b_ans" data-tag="" data-partnertag="" data-id="" h="SERP,5687.1" data-bm="17"><div id="inline_rs" data-priority="2" class="b_hide"><div class="rslist_head"><span class="rslist_title b_strong">People also search for</span><a role="button" tabindex="0" aria-label="People also search for Close" id="rscar_close"></a></div><div id="rs_root" class="rsExplr"><ul aria-label="People also search for"><li class="rslist"><a target="_blank" href="http://test.test" h="ID=SERP,5720.1"><div class="b_suggestionIcon sug_sprite"></div><div class="b_suggestionText">js read file<strong>from input</strong></div></a></li><li class="rslist"><a target="_blank" href="http://test.test" h="ID=SERP,5722.1"><div class="b_suggestionIcon sug_sprite"></div><div class="b_suggestionText"><strong>javascript load</strong>file<strong>from path</strong></div></a></li><li class="rslist"><a target="_blank" href="http://test.test" h="ID=SERP,5724.1"><div class="b_suggestionIcon sug_sprite"></div><div class="b_suggestionText"><strong>javascript</strong>read<strong>from text</strong>file</div></a></li><li class="rslist"><a target="_blank" href="http://test.test" h="ID=SERP,5726.1"><div class="b_suggestionIcon sug_sprite"></div><div class="b_suggestionText"><strong>javascript open</strong>file<strong>from path</strong></div></a></li><li class="rslist"><a target="_blank" href="http://test.test" h="ID=SERP,5728.1"><div class="b_suggestionIcon sug_sprite"></div><div class="b_suggestionText"><strong>javascript</strong>read file<strong>from path</strong></div></a></li><li class="rslist"><a target="_blank" href="http://test.test" h="ID=SERP,5730.1"><div class="b_suggestionIcon sug_sprite"></div><div class="b_suggestionText"><strong>javascript load</strong>file<strong>as string</strong></div></a></li></ul></div></div><div class="b_rs rsExplr" id="brsv3"><h2 class="">Deep dive into<strong>how to read file in JS</strong></h2><ul class="b_vList b_divsec"><li data-priority=""><a target="_blank" href="http://test.test" h="ID=SERP,5688.1"><div class="b_suggestionIcon sug_sprite"></div><div class="b_suggestionText">js read file<strong>from input</strong></div></a></li><li data-priority=""><a target="_blank" href="http://test.test" h="ID=SERP,5690.1"><div class="b_suggestionIcon sug_sprite"></div><div class="b_suggestionText"><strong>javascript load</strong>file<strong>from path</strong></div></a></li><li data-priority=""><a target="_blank" href="http://test.test" h="ID=SERP,5692.1"><div class="b_suggestionIcon sug_sprite"></div><div class="b_suggestionText"><strong>javascript</strong>read<strong>from text</strong>file</div></a></li><li data-priority=""><a target="_blank" href="http://test.test" h="ID=SERP,5694.1"><div class="b_suggestionIcon sug_sprite"></div><div class="b_suggestionText"><strong>javascript open</strong>file<strong>from path</strong></div></a></li><li data-priority=""><a target="_blank" href="http://test.test" h="ID=SERP,5696.1"><div class="b_suggestionIcon sug_sprite"></div><div class="b_suggestionText"><strong>javascript</strong>read file<strong>from path</strong></div></a></li><li data-priority=""><a target="_blank" href="http://test.test" h="ID=SERP,5698.1"><div class="b_suggestionIcon sug_sprite"></div><div class="b_suggestionText"><strong>javascript load</strong>file<strong>as string</strong></div></a></li><li data-priority=""><a target="_blank" href="http://test.test" h="ID=SERP,5700.1"><div class="b_suggestionIcon sug_sprite"></div><div class="b_suggestionText"><strong>javascript</strong>read file<strong>as string</strong></div></a></li><li data-priority=""><a target="_blank" href="http://test.test" h="ID=SERP,5702.1"><div class="b_suggestionIcon sug_sprite"></div><div class="b_suggestionText">how to read<strong>local text</strong>files</div></a></li></ul></div></li><li class="b_msg b_canvas b_hide" data-bm="18"><div id="id_32"><a target="_blank" href="http://test.test" h="ID=SERP,5106.1">Some results have been removed</a></div></li><li class="b_pag" data-bm="19"><nav role="navigation" aria-label="More results for how to read file in JS"><h4 class="b_hide">Pagination</h4><ul class="sb_pagF"><li><a aria-label="Page 1" class="sb_pagS sb_pagS_bp b_widePag sb_bp sb_pag_first">1</a></li><li><a class="b_widePag sb_bp" aria-label="Page 2" href="/search?q=how+to+read+file+in+JS&amp;qs=n&amp;sp=-1&amp;lq=0&amp;pq=how+to+read+file+in+j&amp;sc=0-21&amp;sk=&amp;cvid=5714CEBC14394999898AF599424297E8&amp;FPIG=81619E4A666F47259328825775810FB3&amp;first=11&amp;FORM=PERE" h="ID=SERP,5757.1">2</a></li><li><a class="b_widePag sb_bp" aria-label="Page 3" href="/search?q=how+to+read+file+in+JS&amp;qs=n&amp;sp=-1&amp;lq=0&amp;pq=how+to+read+file+in+j&amp;sc=0-21&amp;sk=&amp;cvid=5714CEBC14394999898AF599424297E8&amp;FPIG=81619E4A666F47259328825775810FB3&amp;first=21&amp;FORM=PERE1" h="ID=SERP,5758.1">3</a></li><li><a class="sb_pagN sb_pagN_bp b_widePag sb_bp" aria-label="Next page" title="Next page" href="/search?q=how+to+read+file+in+JS&amp;qs=n&amp;sp=-1&amp;lq=0&amp;pq=how+to+read+file+in+j&amp;sc=0-21&amp;sk=&amp;cvid=5714CEBC14394999898AF599424297E8&amp;FPIG=81619E4A666F47259328825775810FB3&amp;first=11&amp;FORM=PORE" h="ID=SERP,5759.1"><div class="sw_next">Next</div></a></li></ul></nav></li></ol><aside aria-label="Additional Results" class=""><ol id="b_context" style=""><li class="b_ans" data-tag="" data-partnertag="" data-id="" h="SERP,5738.1" data-bm="21" style=""><div data-tag="RichRSRailOuterWrapper" class="richrswrapper rsExplr" aria-label="Related searches"><div data-tag="RichRSRailSuggestions" data-priority="2"><div data-priority="2"><div class="richrsrailtitle" data-priority="2"><h2 class="">Deep dive into<strong>how to read file in JS</strong></h2></div><div class="richrsrailsugwrapper"><div class="richrsrailsuggestion"><a data-partnertag="RelatedSearchesRail.Suggestion" target="_blank" href="http://test.test" h="ID=SERP,5739.1"><div class="richrsrailsuggestion_img sug_sprite"></div><div class="richrsrailsuggestion_text">js read file<strong>from input</strong></div></a></div><div class="richrsrailsuggestion"><a data-partnertag="RelatedSearchesRail.Suggestion" target="_blank" href="http://test.test" h="ID=SERP,5741.1"><div class="richrsrailsuggestion_img sug_sprite"></div><div class="richrsrailsuggestion_text"><strong>javascript load</strong>file<strong>from path</strong></div></a></div><div class="richrsrailsuggestion"><a data-partnertag="RelatedSearchesRail.Suggestion" target="_blank" href="http://test.test" h="ID=SERP,5743.1"><div class="richrsrailsuggestion_img sug_sprite"></div><div class="richrsrailsuggestion_text"><strong>javascript</strong>read<strong>from text</strong>file</div></a></div><div class="richrsrailsuggestion"><a data-partnertag="RelatedSearchesRail.Suggestion" target="_blank" href="http://test.test" h="ID=SERP,5745.1"><div class="richrsrailsuggestion_img sug_sprite"></div><div class="richrsrailsuggestion_text"><strong>javascript open</strong>file<strong>from path</strong></div></a></div><div class="richrsrailsuggestion"><a data-partnertag="RelatedSearchesRail.Suggestion" target="_blank" href="http://test.test" h="ID=SERP,5747.1"><div class="richrsrailsuggestion_img sug_sprite"></div><div class="richrsrailsuggestion_text"><strong>javascript</strong>read file<strong>from path</strong></div></a></div><div class="richrsrailsuggestion"><a data-partnertag="RelatedSearchesRail.Suggestion" target="_blank" href="http://test.test" h="ID=SERP,5749.1"><div class="richrsrailsuggestion_img sug_sprite"></div><div class="richrsrailsuggestion_text"><strong>javascript load</strong>file<strong>as string</strong></div></a></div><div class="richrsrailsuggestion"><a data-partnertag="RelatedSearchesRail.Suggestion" target="_blank" href="http://test.test" h="ID=SERP,5751.1"><div class="richrsrailsuggestion_img sug_sprite"></div><div class="richrsrailsuggestion_text"><strong>javascript</strong>read file<strong>as string</strong></div></a></div><div class="richrsrailsuggestion"><a data-partnertag="RelatedSearchesRail.Suggestion" target="_blank" href="http://test.test" h="ID=SERP,5753.1"><div class="richrsrailsuggestion_img sug_sprite"></div><div class="richrsrailsuggestion_text">how to read<strong>local text</strong>files</div></a></div></div></div></div></div><div elementtiming="RightRailPaint" style="" tabindex="-1"></div></li></ol></aside></div></main><div class="sb_hbop"><div id="PromptDetails" class="b_hide" data-lat="0" data-lon="0" data-dist="0" data-norefresh="true" data-check="true"></div></div></div><footer id="b_footer" class="b_footer" data-priority="2" data-bm="22"><div id="b_footerItems"><ul><li><a id="sb_privacy" target="_blank" href="http://test.test" h="ID=SERP,5075.1">Privacy</a></li><li><a id="sb_legal" target="_blank" href="http://test.test" h="ID=SERP,5076.1">Terms</a></li><li><a id="sb_b_sum_terms" target="_blank" href="http://test.test" h="ID=SERP,5077.1">Bing Summary of Terms</a></li></ul></div></footer><div id="id_33" class=""><data id="convId" value="816bd17f-583a-4920-ac69-d6a21b5f5662"></data><data id="convSig" value="TRIMMED"></data><data id="impressionGuid" value="81619E4A666F47259328825775810FB3"></data><div class="b_wrapper hide"><div class="b_copilot_search"><div class="b_inlineChatInitWrapper"><div class="ca_div"></div><div class="b_cs_disclaimer"><span>Content was generated with AI.</span><a aria-label="How bing delivers search results" target="_blank" href="http://test.test" h="ID=SERP,5776.1">Learn more</a><span></span></div></div><div class="b_cs_canvas"><ol class="ca_container"></ol></div><div class="err_container"><div class="err_cont hidden"></div></div><div class="overlay-cont b_hide" tabindex="-1" style=""><div class="overlay-scroller"><div class="overlay-header"><div class="overlay-bar"></div><a class="header-content-container" target="_blank" tabindex="0"><div class="header-search"></div><div class="header-content"><h3 class="header-title"></h3><p class="header-subtitle">Microsoft Bing - Search</p></div></a><div class="overlay-close-btn" tabindex="0" role="button" aria-label="Close"></div></div></div></div></div></div><div id="id_34"></div><div class="b_bop_cs_sb b_collapsed_co b_cs_click_1 serpchat" id="b_copilot_search"><a class="b_hide" id="b_bop_cs_inst" href="/copilotsearch?q=how+to+read+file+in+JS&amp;form=CSBSBX" h="ID=SERP,5774.1"></a><div id="b_bop_cs_sb_place" class="b_bop_cs_sb_l b_hassc"><div class="b_bop_cs_sb_cnt"><div class="composer_container"><div class="composer_wrapper"><div class="composer_l_icon"></div><div class="composer_inner_wrapper"><div class="composer_l" role="search"><textarea class="b_copilot_composer" id="id_35" rows="1" maxlength="1000" placeholder="Ask a follow-up " enterkeyhint="search" role="textbox"></textarea></div><div class="composer_r"><button class="b_copilot_send hidden" type="submit" aria-label="Send"><div class="b_copilot_send_icon"></div></button></div></div></div><div class="suggestion_container"><div class="suggestion_wrapper" role="navigation"><a aria-label="FileReader text examples" class="suggestion_chip" data-index="0" data-width="159" data-query="FileReader text examples" href="/copilotsearch?q=FileReader+text+examples&amp;form=CSBSUG" h="ID=SERP,5767.1"><span>FileReader text examples</span></a><a aria-label="Validate uploaded files JS" class="suggestion_chip" data-index="1" data-width="161" data-query="Validate uploaded files JS" href="/copilotsearch?q=Validate+uploaded+files+JS&amp;form=CSBSUG" h="ID=SERP,5769.1"><span>Validate uploaded files JS</span></a><a aria-label="Use FileReader API in browser" class="suggestion_chip" data-index="2" data-width="193" data-query="Use FileReader API in browser" href="/copilotsearch?q=Use+FileReader+API+in+browser&amp;form=CSBSUG" h="ID=SERP,5771.1"><span>Use FileReader API in browser</span></a></div></div></div></div></div></div><div id="b_bop_pin_placehold" data-bm="78"></div></div><div id="b_TriviaOverlay"></div><div class="sb_hbop"><div id="PromptDetails" class="b_hide" data-lat="0" data-lon="0" data-dist="0" data-norefresh="true" data-check="true"></div><div id="g_EfLoc" data-lat="50.117652893066406" data-lon="8.682283401489258" data-disp="Frankfurt, Hesse" data-source="1"></div></div><div id="sc_caally" aria-live="assertive" style=""></div><div id="sbicom_loader" style="" data-ptn="Web" data-iid=".SBI" data-evt="" data-ep="0" data-iconpl="1" data-load="1"></div><form id="sbi_form" style="" class="sbi_form_ph" method="POST" action="/images/kblob?iss=%25SBIPAGENAME%25&amp;FORM=%25FORMCODE%25&amp;rtpu=%25REDIRECTURL%25&amp;sbisrc=%25SOURCE%25" target="_top" enctype="multipart/form-data"><input id="sb_sbi_ipt" class="sbi_hm" name="imgurl" type="search" maxlength="2048" autocomplete="off" placeholder="Paste image or URL" data-pasteurl="Paste image URL"/><input id="sb_sbi_gh" type="submit" value=""/><input name="cbir" type="hidden" value="sbi"/><input id="sb_sbi_img" name="imageBin" type="hidden" value=""/></form><div class="overlay-dimmer b_hide"></div><span id="langChange" class="b_hide"><a data-noajax="1" href="/search?q=what+is+megadeath&amp;sp=-1&amp;ghc=1&amp;lq=0&amp;pq=what+is+megadeath&amp;sc=9-17&amp;qs=n&amp;sk=&amp;cvid=C644685F91984DFB95D49D0036C97088&amp;FPIG=5714CEBC14394999898AF599424297E8&amp;first=5&amp;FORM=PERE&amp;ajaxnorecss=1&amp;ajaxsydconv=1&amp;ajaxnoresbf=1&amp;setlang=de&amp;sid=0E1F26FB10B5601D1363319D11296159" h="ID=SERP,5041.1">Deutsch</a></span><div id="sbicom_loader" style="" data-ptn="Web" data-iid=".SBI" data-evt="" data-ep="0" data-iconpl="1" data-load="1"></div><div class="overlay-dimmer b_hide"></div><div id="sbicom_loader" style="" data-ptn="Web" data-iid=".SBI" data-evt="" data-ep="0" data-iconpl="1" data-load="1"></div><div class="overlay-dimmer b_hide"></div><span id="langChange" class="b_hide"><a data-noajax="1" href="/search?q=how+to+read+file+in+JS&amp;qs=n&amp;form=QBRE&amp;sp=-1&amp;lq=0&amp;pq=how+to+read+file+in+j&amp;sc=0-21&amp;sk=&amp;cvid=5714CEBC14394999898AF599424297E8&amp;ajaxnorecss=1&amp;ajaxsydconv=1&amp;ajaxnoresbf=1&amp;setlang=de&amp;sid=0E1F26FB10B5601D1363319D11296159" h="ID=SERP,5041.1">Deutsch</a></span><div id="aRmsDefer"><div style=""></div><div style=""></div><div style=""></div><div style=""></div><div style=""></div><div style=""></div><div style=""></div><div style=""></div><div style=""></div><div style=""></div><div style=""></div><div style=""></div><div style=""></div><div style=""></div><div style=""></div><div style=""></div><div style=""></div><div style=""></div><div style=""></div><div style=""></div><div style=""></div><div style=""></div><div style=""></div></div><div id="sbicom_loader" style="" data-ptn="Web" data-iid=".SBI" data-evt="" data-ep="0" data-iconpl="1" data-load="1"></div><div class="overlay-dimmer b_hide"></div><div class="b_crt_citation_flyout" role="tooltip"><a class="b_crt_citation_flyout_title" href="http://test.test" target="_blank" rel="noopener noreferrer">Using files from web applications - Web APIs | MDN</a><span class="b_crt_citation_flyout_url">http://test.test</span></div><div class="b_crt_citation_flyout" role="tooltip"><a class="b_crt_citation_flyout_title" href="http://test.test" target="_blank" rel="noopener noreferrer">FileReader - Web APIs | MDN</a><span class="b_crt_citation_flyout_url">http://test.test</span></div><div class="b_crt_citation_flyout" role="tooltip"><a class="b_crt_citation_flyout_title" href="http://test.test" target="_blank" rel="noopener noreferrer">File API - Web APIs | MDN</a><span class="b_crt_citation_flyout_url">http://test.test</span></div><div class="b_crt_citation_flyout" role="tooltip"><a class="b_crt_citation_flyout_title" href="http://test.test" target="_blank" rel="noopener noreferrer">Using files from web applications - Web APIs | MDN</a><span class="b_crt_citation_flyout_url">http://test.test</span></div><div class="b_crt_citation_flyout" role="tooltip"><a class="b_crt_citation_flyout_title" href="http://test.test" target="_blank" rel="noopener noreferrer">Read files in JavaScript | Articles | web.dev</a><span class="b_crt_citation_flyout_url">http://test.test</span></div><div class="b_crt_citation_flyout" role="tooltip"><a class="b_crt_citation_flyout_title" href="http://test.test" target="_blank" rel="noopener noreferrer">File API - Web APIs | MDN</a><span class="b_crt_citation_flyout_url">http://test.test</span></div><div class="b_crt_citation_flyout" role="tooltip"><a class="b_crt_citation_flyout_title" href="http://test.test" target="_blank" rel="noopener noreferrer">File - Web APIs | MDN</a><span class="b_crt_citation_flyout_url">http://test.test</span></div><div class="b_crt_citation_flyout" role="tooltip"><a class="b_crt_citation_flyout_title" href="http://test.test" target="_blank" rel="noopener noreferrer">FileReader - Web APIs | MDN</a><span class="b_crt_citation_flyout_url">http://test.test</span></div><div class="b_crt_citation_flyout" role="tooltip"><a class="b_crt_citation_flyout_title" href="http://test.test" target="_blank" rel="noopener noreferrer">FileReader - Web APIs | MDN</a><span class="b_crt_citation_flyout_url">http://test.test</span></div><div class="b_crt_citation_flyout" role="tooltip"><a class="b_crt_citation_flyout_title" href="http://test.test" target="_blank" rel="noopener noreferrer">Read files in JavaScript | Articles | web.dev</a><span class="b_crt_citation_flyout_url">http://test.test</span></div><div id="id_36" aria-live="assertive" aria-atomic="true" role="status" style="">You can read files in JavaScript using the File API and the FileReader interface. This works in the browser when the user selects a file via an <input type="file"> or drag-and-drop — JavaScript cannot read arbitrary files from the user’s disk without explicit selection for security reasons 1 2 3. Example: Read a text file in the browser <!DOCTYPE html>
<html lang="en">
<head>
<title>Read File in JavaScript</title>
</head>
<body>
<h2>Select a text file to read:</h2>
<input type="file" id="fileInput" accept=".txt">
<div id="message"></div>
<pre id="fileContent"></pre>
<script> document.getElementById('fileInput').addEventListener('change', function(event) { const file = event.target.files[0]; // Get the first selected file const message = document.getElementById('message'); const output = document.getElementById('fileContent'); // Clear previous content message.textContent = ''; output.textContent = ''; // Validate file selection if (!file) { message.textContent = 'No file selected.'; message.style.color = 'red'; return; } // Optional: Check file type if (!file.type.startsWith('text')) { message.textContent = 'Please select a text file.'; message.style.color = 'red'; return; } // Read file content const reader = new FileReader(); reader.onload = function(e) { output.textContent = e.target.result; // Display file content }; reader.onerror = function() { message.textContent = 'Error reading file.'; message.style.color = 'red'; }; reader.readAsText(file); // Read file as text }); </script>
</body>
</html> How it works File selection — The <input type="file"> lets the user pick a file 1 5. Access file object — event.target.files[0] returns a File object 3 4. Read file — FileReader.readAsText(file) reads the file asynchronously 2. Handle events — onload → triggered when reading is complete. onerror → triggered if reading fails. Other reading methods FileReader supports multiple formats 2: readAsText(file, encoding) → Reads as text. readAsDataURL(file) → Reads as Base64 (useful for images). readAsArrayBuffer(file) → Reads as binary data. readAsBinaryString(file) → Reads as binary string (deprecated in some contexts). ✅ Tip: If you need to read and write files directly (without <input>), look into the File System Access API — but it’s only supported in Chromium-based browsers 5. Do you want me to also show you how to read an image file and display it in the browser? That’s a common next step after reading text files. 1-Mozilla.org 2-Mozilla.org 3-Mozilla.org 4-Mozilla.org 5-Web.dev</div></body></html>
Reference in New Issue View Git Blame Copy Permalink