Jak zobrazit název souboru pomocí expresních bloků

V tomto příkladu vytvoříme trasu '/ file ' v aplikaci Express a určíme obslužnou rutinu dotazu pro tuto trasu. Uvnitř obslužné rutiny definujeme proměnnou fileName a přiřadíme jí název aktuálního souboru (__filename). Poté použijeme metodu send() objektu odpovědi (res) k odeslání názvu souboru klientovi.

Nyní, pokud otevřete webový prohlížeč a přejdete na 'http://localhost:3000/file', zobrazí se zpráva s názvem aktuálního souboru.

1. Nejprve otevřete soubor pomocí textového editoru a vyhledejte blok, ve kterém chcete zobrazit název souboru.

2. Vložte následující kód do tohoto bloku:

3. Všimněte si, že v tomto kódu používáme atribut "property" s hodnotou "name". V závislosti na vašich cílech můžete použít jiné atributy, ale v tomto případě chceme získat právě název souboru. Vložte tento kód na požadované místo a uložte změny.

4. Nyní, když je váš kód uložen, jednoduše aktualizujte stránku s vaším obsahem. Měli byste vidět, že název souboru se zobrazuje uvnitř expresní jednotky, kam jste jej umístili.

5. Pokud chcete, aby byl název souboru určitým způsobem naformátován (například tučně nebo kurzívou), můžete použít příslušné značky HTML. Například:

6. Nezapomeňte, že kód lze upravit a přizpůsobit podle vašich potřeb. Můžete přidat další značky nebo je odstranit, abyste dosáhli výsledku, který potřebujete.

Instalace expresních bloků na webu

Krok 1:

Přejděte na expresní blok a zaregistrujte se, pokud ještě nejste registrováni.

Krok 2:

Přihlaste se ke svému účtu a vytvořte nový projekt.

Krok 3:

Vyberte požadovaný typ bloku a upravte jeho nastavení, jako je barva, velikost a obsah.

Krok 4:

Zkopírujte vygenerovaný blokový kód.

Krok 5:

Otevřete HTML kód vašeho webu a vložte zkopírovaný kód na požadované místo.

Krok 6:

Uložte změny a zkontrolujte, jak se blok zobrazuje na vašem webu.

Poznámka: před umístěním bloků na webu se ujistěte, že jste se seznámili s pravidly a zásadami ochrany osobních údajů Express block.

Krok 1: Vytvořte nový expresní blok přidáním značky na požadované místo dokumentu.

Krok 2: Uvnitř značky vytvořte značku a přidejte atribut id, ve kterém zadejte název souboru, který chcete stáhnout.

Имя файла:

                        
                            
                        
                    
 

Konfigurace expresní jednotky pro správné zobrazení názvu souboru

Kromě toho lze přidat další nastavení pro zlepšení zobrazení názvu souboru. Lze použít například značky nebo Chcete-li zvýraznit název souboru nebo přidat další text před nebo za název souboru.

Možná budete muset vygenerovat název souboru na vaší webové stránce pomocí expresních bloků pro různé účely, jako je zobrazení názvu staženého souboru nebo vytvoření odkazu s názvem souboru jako kotvou. V této příručce se podíváme na podrobný návod, jak toho dosáhnout pomocí HTML a JavaScriptu.

1. Nejprve musíte vytvořit prvek HTML, který zobrazí název souboru. Můžete například použít prvek nebo

   .

2. Přidejte k této položce třídu nebo identifikátor pro snadný přístup pomocí JavaScriptu.
3. Dále pomocí JavaScriptu získáte odkaz na soubor pomocí objektu document.getElementById () a přiřadit jeho vlastnosti innerHTML . Například:

const fileElement = document.getElementById('file-name');fileElement.innerHTML = 'example.jpg';

V tomto příkladu předpokládáme, že v HTML máme prvek s identifikátorem "file-name" a nastavíme hodnotu "example.jpg " pro jeho obsah.

K získání názvu souboru můžete také použít jiné metody, například pomocí metody split (), abyste rozdělili cestu k souboru a získali pouze jeho název:

const filePath = 'uploads/example.jpg';const fileName = filePath.split('/').pop();fileElement.innerHTML = fileName;

V tomto příkladu sdílíme řetězec filePath pomocí symbolu " / " a pomocí metody pop () získáme poslední prvek pole , který obsahuje název souboru.

Nyní máte úplnou představu, jak vygenerovat název souboru pomocí expresních bloků v HTML a JavaScriptu. Tento proces můžete přizpůsobit podle svých potřeb a požadavků projektu.