Denna artikel är en spegelartikel om maskinöversättning, klicka här för att hoppa till originalartikeln.

Architect_Programmer_Code Jordbruksnätverket»Arkitekt › Frontend-design och webb › Framändarram › Javascrip{filter}t FormData i detalj och dess användning
Utsikt: 13453|Svar: 0

[Jquery] Javascrip{filter}t FormData i detalj och dess användning

[Kopiera länk]
Publicerad på 2018-05-08 16:30:39 | | |
FormData är en detaljerad introduktion och användning  https://developer.mozilla.org/zh ... ng_FormData_Objects

Metoderna och händelserna i FormData är redan mycket tydliga där, så jag kommer inte slösa tid på dem här. Denna artikel förklarar främst användningen av FormData-objekt och asynkrona filuppladdningar.

FormData-objektet gör det möjligt för oss att organisera en samling nyckel-värdepar som skickas med XMLHttpRequest-objektet. Den används främst för att skicka formulärdata, men kan användas oberoende av data som överförs med formulär.

1. Skapa ett FormData-objekt från grunden

Du kan skapa ditt eget FormData-objekt och sedan lägga till nyckel-värde-par till objektet via append()-metoden, till exempel så här:

Notera: Både fälten "userfile" och "webmasterfile" innehåller filer. Numret som tilldelas fältet "accountnum" konverteras direkt till en sträng med metoden FormData.append() (fältet kan vara en blob, fil eller sträng: om värdet varken är en blob eller en fil konverteras värdet till en sträng).
Detta exempel skapar en FormData-instans med fälten "username", "accountnum", "userfile" och "webmasterfile", och använder sedan XMLHttpRequest-objektets send()-metod för att skicka formulärdata. Fältet "webmasterfile" är en blob. Ett blob-objekt representerar rådata för ett filobjekt. Men datan som representeras av blobben behöver inte vara i JavaScript-native-formatet. Filgränssnittet baseras på blobs, ärver blobfunktionalitet och utökar sitt stöd för användarfilsystem. För att bygga en blob kan Blob()-konstruktorn anropas.

2. Hämta ett FormData-objekt från ett HTML-formulär

För att få ett FormData-objekt som innehåller befintlig formdata måste du specificera formelementet när du skapar FormData-objektet.

Gillar det här:
Du kan också lägga till ytterligare data efter att ha hämtat FormData-objektet, till exempel så här:
Detta gör att du kan lägga till ytterligare information innan du skickar, inte nödvändigtvis användarredigerad.

3. Använd FormData-objektet för att skicka filen

Du kan använda FormData för att skicka filer. Ett enkelt <form>tredje kan <input>inkludera ett element:

Du kan sedan använda följande kod för att skicka den:
Du kan också lägga till en fil eller blob direkt i FormData-objektet, till det här sättet:
När append()-metoden används kan en tredje parameter användas för att skicka filnamnet (skickat till servern via Content-Disposition-headern). Om den tredje parametern inte specificeras eller denna parameter inte stöds, går den tredje parametern tillbaka till "blob".

Om du ställer in rätt inställningar kan du också använda det med jQuery:







Föregående:Ladda ner 103976 engelska ordförrådet (SQL-versionen).
Nästa:.net/c# testar serverns beräknings- och IO-hastighet

Relaterade inlägg
Friskrivning:
All programvara, programmeringsmaterial eller artiklar som publiceras av Code Farmer Network är endast för lärande- och forskningsändamål; Ovanstående innehåll får inte användas för kommersiella eller olagliga ändamål, annars kommer användarna att bära alla konsekvenser. Informationen på denna sida kommer från internet, och upphovsrättstvister har inget med denna sida att göra. Du måste helt radera ovanstående innehåll från din dator inom 24 timmar efter nedladdning. Om du gillar programmet, vänligen stöd äkta programvara, köp registrering och få bättre äkta tjänster. Om det finns något intrång, vänligen kontakta oss via e-post.
Mail To:help@itsvse.com