Præsentation.
Upload filer til en webserver; simpelt, hvor svært kan det være? Sikker på, at mange vil sige det, men dem, der lige er begyndt i denne verden, har sikkert spekuleret på, hvordan det gøres, jeg vil bare komme til dem, så hvis du starter i PHP eller er en avanceret bruger, der har mistet denne kode og ikke gør det vil du bruge det igen skrive, så inviterer jeg dig til at læse videre, for i denne artikel vil jeg dele min kode for at uploade filer hurtigt og nemt, til dette vil jeg bruge HTML5, PHP, og jeg vil tilføje et attraktivt strejf med boostrap. I dette tilfælde vil jeg forklare, hvordan du uploader .jpg.webp eller .png.webp billeder, men med minimale ændringer kan du uploade dokumenter, lyd og endda video, hvis du ønsker det.
Hvad har vi brug for?a) En computer
b) En lokal server til at teste og få adgang til databasen (jeg bruger XAMPP)
c) En kodeditor (jeg vil bruge sublim tekst 3)
Trin 1
Jeg går til htdocs -biblioteket i Xampp og opretter en ny mappe, som jeg vil kalde "upload".
FORSTØRRE
Inde i dette vil jeg oprette en anden kaldet "filer" og en ekstra kaldet "php".
FORSTØRRE
Trin 2
Nu i kodeeditoren vil jeg oprette en ny fil, som jeg vil gemme som index.php, som senere vil indeholde html -formularen til upload af filerne.
FORSTØRRE
Trin 3
Jeg tilføjer online referencer til boostrap.
FORSTØRRE
Trin 4
Inde i kroppen vil jeg oprette en, inden for dette a
FORSTØRRE
Trin 5
Nu indeJeg tilføjer et bilspring
en titel medog jeg vil begynde at strukturere vores lille formular til upload …
FORSTØRRE
Du vil se, at jeg har tildelt etiketten "POST" -metoden, og i handlingen har vi tilføjet et spørgsmålstegn "?" hvilket vil gøre, at når værdierne sendes til formularen, returneres dens værdier til den samme side, derudover har jeg tilføjet en attribut kaldet "encytipe" med værdien "multipart / form-data", som en generel regel bør bruges i alle formularer, der sender filer.
Trin 6
Da vi har etiketten klar, kan vi tilføje det felt, vi har brug for, og en knap, der sender formularen til behandling.
Til det tilføjer vi en etiketog den vil indeholde en inputtype "fil", der er ansvarlig for at fange den fil, vi vil uploade …
FORSTØRRE
Som du kan se, har vi tildelt navnet "fil" og en klasse kaldet "form-control", som tilhører bootstrap og tjener til at give korrekt afstand til tekstfelterne i en formular. For sin del tilføjer vi også en "påkrævet" attribut, som forhindrer formularen i at blive sendt, hvis dette felt er tomt.
Trin 7
Senere tilføjer vi en etiket som en dekoration, som hjælper os med at tegne en linje, der adskiller det tidligere input fra knappen, der sender formularen.
FORSTØRRE
Trin 8
Som du vil se lige under etiketten, har vi placeret et input af typen "send", som vi tilføjer boostrap-klasserne "btn btn-primær centerblok", hvoraf den første hjælper os med at give en mere attraktiv form til vores knappen, den anden placerer den i den primære farve på boostrap, som er en intens blå, og den tredje bruges til at placere dette element med en centreret justering, bemærk at vi har kaldt denne knap "op".
Trin 9
Vi har allerede vores html klar, så nu skal vi skrive nogle linjer i php, der skal stå for upload af vores filer, til dette skal vi oprette en ny upload.php -fil, som jeg gemmer i "php" mappe, som vi opretter i trin 2.
Trin 10
Den første ting, vi vil gøre i vores php -fil, er at validere, om der er trykket på knappen
"Upload", og hvis feltet "fil" ikke er tomt, til dette vil vi skrive følgende …
FORSTØRRE
Trin 11
Når dette er bekræftet, vil vi bruge en "foreach" loop til at hente egenskaberne for den fil, vi skal uploade. Som vi nævnte tidligere, vil vi i dette tilfælde tale om billeder i .jpg.webp eller .png.webp.
FORSTØRRE
Trin 12
Vi opretter 2 variabler kaldet "$ fil" og "$ destination", den første indeholder den fil, vi uploader, og den anden tildeler vi stien, hvor den vil blive gemt, og det navn, som den skal gemmes med , som du kan forestille dig lagringsstien Det vil være mappen "filer", der er blevet oprettet i trin 2, mens navnet, som det vil blive gemt med, kommer fra $ FILES -arrayet, som vi byggede i det foregående trin med foresøg …
FORSTØRRE
Trin 13
Nu er vi nødt til at validere, at den fil, der bliver uploadet, overholder de parametre, vi ønsker, jeg har tidligere angivet, at jeg vil uploade billeder i .jpg.webp eller .png.webp, men dette er tidspunktet for at lade det være defineret i vores kode. Også som en personlig foranstaltning ønsker jeg, at den maksimale størrelse på billederne, der skal uploades, er 2Mb, så jeg vil også benytte lejligheden til at angive det, men ikke desto mindre kan denne maksimale størrelse ikke defineres i MB, så vi bliver nødt til at konvertere det til bytes …
FORSTØRRE
Da vi har fastlagt betingelserne for at kunne behandle filerne, skal vi nu definere, hvad vi vil gøre med dem. I dette tilfælde vil jeg have disse filer til at blive kopieret til mappen "filer", men jeg vil også have, at stien til hver fil skal gemmes i en database, så jeg senere kan lave en liste eller et galleri med disse filer.
Når det er sagt, bliver vi nødt til at oprette en database, og i den en tabel med felter, der skal indeholde stien til hver fil, en forbindelsesfil til denne database og selvfølgelig indeholde en SQL -sætning i vores upload.php, der indsætter stien til hver fil i databasen. Gå efter det!.
Trin 14
Med xampp aktiv går vi til vores browser og indtaster adressen "localhost / phpmyadmin", når vi indtaster med vores brugernavn og adgangskode, fortsætter vi med at oprette en ny database, jeg vil kalde det "upload" og tildele et match "utf8_spanish_ci".
FORSTØRRE
Trin 15
Inde vil vi oprette en tabel, som jeg vil kalde "ruter" med kun 2 kolonner, et automatisk stigende id og en anden kaldet rute af typen varchar.
FORSTØRRE
FORSTØRRE
Vi har allerede den database og den tabel, vi har brug for, men nu skal vi oprette forbindelse til denne database, for dette vil jeg gå til min kode -editor og oprette 2 nye filer og gemme dem som "config.php" og "connection.php" inde den php -mappe, som vi allerede har.
FORSTØRRE
FORSTØRRE
Trin 16
Nu vender vi tilbage til vores fil "upload.php" og inkluderer filen "connection.php" i den
FORSTØRRE
Trin 17
Derefter tilføjer vi funktionen, så den fil, vi uploader, kopieres til biblioteket "filer", og vi indsætter stien eller linket til denne fil i databasen. Derefter kan vi tilføje en bekræftelsesmeddelelse, hvis alt går godt og en advarselsmeddelelse, hvis vi ikke uploader den korrekte filtype, eller den overskrider den maksimale MB -grænse.
FORSTØRRE
Trin 18
Vi vender tilbage til vores fil "index.php", og efter lukkemærket "" vil vi placere en inkludering til filen upload.php
FORSTØRRE
Trin 19
Vi har allerede vores kode klar, databasen er oprettet, og forbindelsen er konfigureret, lad os nu se, hvad resultatet er og kontrollere, om den fungerer korrekt.
Kan du lide og hjælpe denne vejledning?Du kan belønne forfatteren ved at trykke på denne knap for at give ham et positivt punkt
Hjalp denne tutorial dig?
Hvis ikkeHJÆLP FORBEDR DENNE TUTORIAL!
Tror du, at du kan rette eller forbedre denne vejledning? Du kan sende din udgave med de ændringer, du anser for nyttige.0 brugere har redigeret denne vejledning. Rediger og bliv en anerkendt ekspert!
Rediger denne vejledning
LIGNENDE VEJLEDNINGER
Gem filer i BLOB -felter med PHP og MySQLGenerering af PDF -filer med PHP
8 kommentarer
David sanz
29. aug 2015 23:34Jeg har elsket selvstudiet, det er meget interessant at vide, hvordan man uploader filer via PHP. Tak Ronny
- Rapport
Ronny Bonillo
30.august 2015 00:50Du er velkommen david, jeg håber det er nyttigt for dig … Hilsen …
- Rapport
Ruben Gandia
03. sep 2015 18:45
Ronny, jeg brugte din vejledning til at rette en fejl, som jeg lavede, da jeg uploadede filer via PHP. Jeg forbinder bare for at give dig tak skal du have og at jeg også har markeret dig Følg.
- Rapport
Ronny Bonillo
03. sep 2015 18:47
Du er velkommen Ruben, tak fordi du følger mig! Jeg er glad for at du fandt det nyttigt …
- Rapport
Diego Agudelo Jimenez
16. feb 2016 22:56
Fremragende hjælp
- Rapport
Ronny Bonillo
Tir 02 2016 06:24;-)
- Rapport
MartinPm
5. august 2016 20:16
Hvad med Ronny, kan du hjælpe mig, jeg får denne fejl …
Bemærk: Udefineret indeks: fil i C: \ xampp \ htdocs \ upload \ php \ upload.php on line3
Advarsel: Ugyldigt argument leveret til foreach () inC: \ xampp \ htdocs \ upload \ php \ upload.php på linje 3
Bemærk: Udefineret indeks: fil i C: \ xampp \ htdocs \ upload \ php \ upload.php på linje7
Bemærk: Udefineret indeks: fil i C: \ xampp \ htdocs \ upload \ php \ upload.php på linje8
Bemærk: Udefineret indeks: fil i C: \ xampp \ htdocs \ upload \ php \ upload.php på linje10
- Rapport
josenumis
Dec2021-202221-2022 17:23Hej, jeg har kopieret som den er, men ændrer navnet på serveren osv. (Som ikke er lokalt), og den uploader ikke filerne eller giver mig en fejl (den lader mig vælge filen), hvis den ikke valgte den, fortæller den mig til at vælge det, men når jeg sender det til serveren, gør det ingenting, kan nogen sende mig koderne for at kontrollere, om der er noget galt)? Jeg synes alt er fint. Min e -mail er [email protected] mange tak.
- Rapport
- Opret kontoTilmeld dig GRATIS for at få din Solvetic -kontoRegistrer en konto
- IdentificereHar du allerede en konto? Log ind herIdentificer mig på min konto
Information
- Udgivet 27. aug 2015 21:10
- Opdateret 28. august 2015 08:21
- Besøg 15.8K
- NiveauFremskreden
Seneste PHP Tutorials
- Sådan installeres pHpMyAdmin på Ubuntu 20.04
- Installer Laravel PHP Framework CentOS 8 med NGINX
- Installer og konfigurer OPcache til PHP -ydeevne på CentOS 7
- Sådan installeres Laravel PHP Web Framework på CentOS