Impela, ake siqale ngesihloko. Ngizogxila emaphuzwini achazwe esakhiweni:
Wake wazibuza ukuthi isetshenziswa kanjani i-JavaScript ukuvula ingxoxo yokufaka ifayela ngokuchofoza inkinobho? Lona umbuzo ojwayelekile oza konjiniyela, ikakhulukazi uma udala izixhumanisi ezisebenziseka kalula ezidinga ukulayishwa kwamafayela. Kulesi sihloko, sizohlola isisombululo esilula sale nkinga, esibandakanya isici 'sokufaka' se-HTML, i-CSS ethile, kanye nomlingo omncane we-JavaScript.
Sizokuqondisa ngekhodi, sikuchazele ukuthi kungani isebenza, futhi sikubonise izici ezibalulekile okufanele uzikhumbule ngemizamo yakho yesikhathi esizayo yokufaka amakhodi.
Ukuvumbulula Inkinga
Okokuqala, ake siqonde inkinga ngokugcwele. 'Ifayela' 'lokufaka' ku-HTML lidala inkambu yokufaka yefayela elula esipheqululini. Inkinga, nokho, ukuthi ukubukeka nokusebenza kwale nkambu kungase kungahlangabezani nezidingo ze-UX zohlelo lwakho lokusebenza.
[class lang=”JavaScript”][/class]
Ezinye iziphequluli ezindala azikusekeli ukulayishwa kwamafayela, futhi ezinye zenza inkinobho ethi 'phequlula' inwebe ngale kwenkambu ngokwayo. Lokhu kwenza kube nzima ukwenza isitayela. Pho yini engenziwa? Lesi sihloko sisebenzisa isixazululo esinenkinobho ethile ukuze sifinyelele lo mgomo.
Isixazululo seJavaScript
Isixazululo sethu sihlanganisa ukufihla inkinobho yokuqala 'yokudlulisa amehlo' nokudala entsha, okuthi uma ichofozwa, icuphe ibhokisi lokufaka ifayela elifihliwe.
Ukwenza lokhu, singasebenzisa umcimbi othi 'chofoza' ku-JavaScript.
//HTML
<ul>
<li><input id="fileInput" type="file" style="display: none;" /></li>
<li><button onclick="openInputFile()">Open Input File</button></li>
</ul>
//JavaScript
function openInputFile(){
document.getElementById('fileInput').click();
}
Ngemva kokukhetha ifayela, ungalanda idatha yefayela nge-JavaScript ngokufinyelela indawo 'yamafayela' yokokufaka ifayela:
let fileInput = document.getElementById('fileInput');
let file = fileInput.files[0];
Imitapo Yolwazi Yokuthuthukisa Ukusebenza
Uma ungathanda ukuqhubekela phambili futhi usebenze nemitapo yolwazi yokucubungula amafayela, I-FileReader API indawo enhle ukuqala. Ngale API, ungafunda okuqukethwe kwamafayela (noma amabhafa wedatha eluhlaza) agcinwe kukhompuyutha yomsebenzisi.
let reader = new FileReader();
reader.onload = function(e){
console.log(e.target.result);
}
reader.readAsText(file);
Imisebenzi Efanayo Nokufunda Okwengeziwe
Ukuze ufunde okwengeziwe, ungahlola Ifayela API futhi I-FormData izinto. I-File API inikeza ulwazi mayelana namafayela futhi ivumela i-JavaScript kusiphequluli sewebhu ukuthi ifinyelele okuqukethwe kwawo kuyilapho i-FormData isetshenziselwa ukwakha isethi yamabhangqa okhiye/inani ukuze ithunyelwe kusetshenziswa i-XMLHttpRequest.
Sekukonke, njengonjiniyela we-JavaScript, ukwazi ukukhohliswa kwamafayela esipheqululini kungaba yikhono eliwusizo, elikuvumela ukuthi wakhe amafomu asebenzisanayo, asebenziseka kalula nezinhlelo zokusebenza.
