Filuppladdning, PHP

Citera flera Citera

2012-04-24 21:02

Robhult

Medlem

Plats: Göteborg
Registrerad: Maj 2011

●

Kolla igenom http://www.youtube.com/playlist?list=PLD541254296A82EEA&featu... så förstår du grunden om hur man laddar upp filer.

Citera flera Citera

2012-04-24 23:38

atriix

Medlem

Plats: *
Registrerad: Nov 2011

●

För filuppladdning http://www.w3schools.com/php/php_file_upload.asp

I uppladdningsprocessen får du också skapa ett nytt entry i den tabell över filerna i databasen. Förslagsvis med filnamn, storlek, uppladdarens ip och timestamp för uppladdningen. Sedan får du skapa en sida som läser databas tabellen och skapar tabellen som visas i webbläsaren utifrån infon från databasen.

Angående ikoner så behöver du inte använda flash för det, skapa egna bilder att lägga in i knapparna bara.

Visa signatur

Citera flera Citera

2012-04-25 08:37

pineapple

Medlem

Plats: Rymden
Registrerad: Dec 2010

●

Skrivet av atriix:

För filuppladdning http://www.w3schools.com/php/php_file_upload.asp

I uppladdningsprocessen får du också skapa ett nytt entry i den tabell över filerna i databasen. Förslagsvis med filnamn, storlek, uppladdarens ip och timestamp för uppladdningen. Sedan får du skapa en sida som läser databas tabellen och skapar tabellen som visas i webbläsaren utifrån infon från databasen.

Angående ikoner så behöver du inte använda flash för det, skapa egna bilder att lägga in i knapparna bara.

Okej tack för svaret.
Men man måste använda flash för att kunna använda ikoner till Ladda upp och Välj fil, om inte hur ändrar jag?

Citera flera Citera

2012-04-25 13:13

atriix

Medlem

Plats: *
Registrerad: Nov 2011

●

Skrivet av Skum-tomte:

Okej tack för svaret.
Men man måste använda flash för att kunna använda ikoner till Ladda upp och Välj fil, om inte hur ändrar jag?

Kolla detta, http://jsfiddle.net/xVB6b/892/

EDIT: Du kan göra fancy CSS3 knappar med denna också https://css-tricks.com/examples/ButtonMaker/

Visa signatur

Citera flera Citera

2012-04-25 15:49

pineapple

Medlem

Plats: Rymden
Registrerad: Dec 2010

●

Skrivet av atriix:

Kolla detta, http://jsfiddle.net/xVB6b/892/

EDIT: Du kan göra fancy CSS3 knappar med denna också https://css-tricks.com/examples/ButtonMaker/

Tackar men förstog inte riktigt hur jag fick "Välj fil" att ändra sig. Har bara ändrat ladda upp.

Citera flera Citera

2012-04-25 18:02

atriix

Medlem

Plats: *
Registrerad: Nov 2011

●

Skrivet av Skum-tomte:

Tackar men förstog inte riktigt hur jag fick "Välj fil" att ändra sig. Har bara ändrat ladda upp.

Själva "Välj fil" knappen är lite speciell då den inte är lika lätt att bara göra om. Det man får göra är att lägga ut en egen knapp samt text-ruta och dölja själva fileupload-modulen. Den egna knappen får sedan trigga en funktion som öppnar rutan för att välja fil som sedan lägger till filepathen i fileupload-modulen och visar upp en "fakepath" i din textruta.

Visa signatur

Citera flera Citera

2012-04-25 18:44

pineapple

Medlem

Plats: Rymden
Registrerad: Dec 2010

●

Skrivet av atriix:

Själva "Välj fil" knappen är lite speciell då den inte är lika lätt att bara göra om. Det man får göra är att lägga ut en egen knapp samt text-ruta och dölja själva fileupload-modulen. Den egna knappen får sedan trigga en funktion som öppnar rutan för att välja fil som sedan lägger till filepathen i fileupload-modulen och visar upp en "fakepath" i din textruta.

Okej, du vet möjligt vis inte hur man gör ? (själva koden)

Citera flera Citera

2012-04-25 19:11

atriix

Medlem

Plats: *
Registrerad: Nov 2011

●

Skrivet av Skum-tomte:

Okej, du vet möjligt vis inte hur man gör ? (själva koden)

Kolla på länken jag skickade förut.

<input type="file" name="dinfil" />

Denna snutt är där själva filen är, så det är "dinfil" du skall fånga upp i koden som tar emot vilken innehåller filen. Se w3school's länken för hur du skall hantera detta.

Visa signatur

Citera flera Citera

2012-04-25 21:25

pineapple

Medlem

Plats: Rymden
Registrerad: Dec 2010

●

Skrivet av atriix:

Kolla på länken jag skickade förut.

<input type="file" name="dinfil" />

Denna snutt är där själva filen är, så det är "dinfil" du skall fånga upp i koden som tar emot vilken innehåller filen. Se w3school's länken för hur du skall hantera detta.

Lyckas inte få det att funka tyvärr :/

Citera flera Citera

2012-04-25 21:29

infinity08

Medlem

Plats: stockholm
Registrerad: Aug 2008

●

Skrivet av Skum-tomte:

Lyckas inte få det att funka tyvärr :/

"Det fungerar inte" är nog det mest intetsägande man kan säga...

VAD är det exakt som inte fungerar? VAD får du för fel? VAD har du för kod?

Citera flera Citera

2012-04-25 21:58

atriix

Medlem

Plats: *
Registrerad: Nov 2011

●

Skrivet av Skum-tomte:

Lyckas inte få det att funka tyvärr :/

Läs på filuppladdning med PHP först

Visa signatur

Citera flera Citera

2012-04-25 22:18

pineapple

Medlem

Plats: Rymden
Registrerad: Dec 2010

●

Skrivet av infinity08:

"Det fungerar inte" är nog det mest intetsägande man kan säga...

VAD är det exakt som inte fungerar? VAD får du för fel? VAD har du för kod?

Mitt problem är att jag inte kan få själva rutan och ikonen att dölja "välj fil"
Har trixat lite men inte lyckats.
Ikonerna hamnar bredvid "välj fil".

Skickades från m.sweclockers.com

Citera flera Citera

2012-04-25 22:20

pineapple

Medlem

Plats: Rymden
Registrerad: Dec 2010

●

Skrivet av atriix:

Läs på filuppladdning med PHP först

Jag får ju fram allt men jag vet inte hur jag gör för att den ska täcka "välj fil". Den hamnar bredvid.

Skickades från m.sweclockers.com

Citera flera Citera

2012-04-25 22:38

atriix

Medlem

Plats: *
Registrerad: Nov 2011

●

Skrivet av Skum-tomte:

Jag får ju fram allt men jag vet inte hur jag gör för att den ska täcka "välj fil". Den hamnar bredvid.

Skickades från m.sweclockers.com

Och din kod ser ut hur då?

Visa signatur

Citera flera Citera

2012-04-26 08:10

pineapple

Medlem

Plats: Rymden
Registrerad: Dec 2010

●

Skrivet av atriix:

Och din kod ser ut hur då?

koden är den du skickade till mig, kan skicka den när jag kommer hem.

Skickades från m.sweclockers.com

Citera flera Citera

2012-04-26 15:26

pineapple

Medlem

Plats: Rymden
Registrerad: Dec 2010

●

Skrivet av atriix:

Och din kod ser ut hur då?

Index.php

<html>
<head>
<LINK href="css.css" rel="stylesheet" type="text/css">
</head>
<body>
<script type="text/javascript">
var wrapper = $('<div/>').css({height:0,width:0,'overflow':'hidden'});
var fileInput = $(':file').wrap(wrapper);

fileInput.change(function(){
    $this = $(this);
    $(':text').val($this.val());
})

$('#file').click(function(){
    fileInput.click();
}).show();</script>

<div id="file" style="vertical-align: bottom;"><input type="text" name="text" style="margin-right:6px; margin-top:6px;" vlaue="Click the button"/><a href="#" id="button"></a></div>
<input type="file" name="file[]" />
<input type="submit" id="submit" value="">

</body>

Css.css

#file {
    display:none;
}
#button {
   background-image:url('http://dev.ektron.com/images/uploadIcon.gif');
    background-repeat:no-repeat;
    width:30px;
    height:30px;
    display:inline-block;
   }
#submit {
    background-color:transparent;
   background-image:url('http://aux4.iconpedia.net/uploads/9238758011503967108.png');
    background-repeat:no-repeat;
    width:256px;
    height:256px;
    display:inline-block;
    border:0px;
}
#submit:hover{
   background-image:url('http://icons.iconarchive.com/icons/fixicon/slate/256/upload-i...');
}

Den koden som du länkade till mig innan.

Citera flera Citera

2012-04-26 16:31

atriix

Medlem

Plats: *
Registrerad: Nov 2011

●

Skrivet av Skum-tomte:

Index.php

<html>
<head>
<LINK href="css.css" rel="stylesheet" type="text/css">
</head>
<body>
<script type="text/javascript">
var wrapper = $('<div/>').css({height:0,width:0,'overflow':'hidden'});
var fileInput = $(':file').wrap(wrapper);

fileInput.change(function(){
    $this = $(this);
    $(':text').val($this.val());
})

$('#file').click(function(){
    fileInput.click();
}).show();</script>

<div id="file" style="vertical-align: bottom;"><input type="text" name="text" style="margin-right:6px; margin-top:6px;" vlaue="Click the button"/><a href="#" id="button"></a></div>
<input type="file" name="file[]" />
<input type="submit" id="submit" value="">

</body>

Css.css

#file {
    display:none;
}
#button {
   background-image:url('http://dev.ektron.com/images/uploadIcon.gif');
    background-repeat:no-repeat;
    width:30px;
    height:30px;
    display:inline-block;
   }
#submit {
    background-color:transparent;
   background-image:url('http://aux4.iconpedia.net/uploads/9238758011503967108.png');
    background-repeat:no-repeat;
    width:256px;
    height:256px;
    display:inline-block;
    border:0px;
}
#submit:hover{
   background-image:url('http://icons.iconarchive.com/icons/fixicon/slate/256/upload-i...');
}

Dold text

Den koden som du länkade till mig innan.

Till att börja med så har du ju inte lagt in jQuery. Alltså:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.js"></script>

Sedan måste du köra skript prylarna när dokumentet är laddat och inte bara lägga in dem.

Hela sidan skulle kunna se ut så här:

<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.js"></script>
<style type="text/css">
#file {
    display:none;
}
#button {
   background-image:url('http://dev.ektron.com/images/uploadIcon.gif');
    background-repeat:no-repeat;
    width:30px;
    height:30px;
    display:inline-block;
   }
#submit {
    background-color:transparent;
   background-image:url('http://aux4.iconpedia.net/uploads/9238758011503967108.png');
    background-repeat:no-repeat;
    width:256px;
    height:256px;
    display:inline-block;
    border:0px;
}
#submit:hover{
   background-image:url('http://icons.iconarchive.com/icons/fixicon/slate/256/upload-i...');
}
</style>
<script type="text/javascript">
$(document).ready(function(){
  var wrapper = $('<div/>').css({height:0,width:0,'overflow':'hidden'});
  var fileInput = $(':file').wrap(wrapper);

  fileInput.change(function(){
      $this = $(this);
      $(':text').val($this.val());
  })

  $('#file').click(function(){
      fileInput.click();
  }).show();
});
</script>

</head>
<body>

<div id="file" style="vertical-align: bottom;"><input type="text" name="text" style="margin-right:6px; margin-top:6px;" vlaue="Click the button"/><a href="#" id="button"></a></div>
<input type="file" name="file[]" />
<input type="submit" id="submit" value="">

</body>

Dold text

Du vet att du även måste lägga det i en form frö att det skall gå att skicka antar jag.

Visa signatur

Citera flera Citera

2012-04-26 17:37

pineapple

Medlem

Plats: Rymden
Registrerad: Dec 2010

●

Skrivet av atriix:

Till att börja med så har du ju inte lagt in jQuery. Alltså:

<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.js"></script>

Sedan måste du köra skript prylarna när dokumentet är laddat och inte bara lägga in dem.

Hela sidan skulle kunna se ut så här:

<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.js"></script>
<style type="text/css">
#file {
    display:none;
}
#button {
   background-image:url('http://dev.ektron.com/images/uploadIcon.gif');
    background-repeat:no-repeat;
    width:30px;
    height:30px;
    display:inline-block;
   }
#submit {
    background-color:transparent;
   background-image:url('http://aux4.iconpedia.net/uploads/9238758011503967108.png');
    background-repeat:no-repeat;
    width:256px;
    height:256px;
    display:inline-block;
    border:0px;
}
#submit:hover{
   background-image:url('http://icons.iconarchive.com/icons/fixicon/slate/256/upload-i...');
}
</style>
<script type="text/javascript">
$(document).ready(function(){
  var wrapper = $('<div/>').css({height:0,width:0,'overflow':'hidden'});
  var fileInput = $(':file').wrap(wrapper);

  fileInput.change(function(){
      $this = $(this);
      $(':text').val($this.val());
  })

  $('#file').click(function(){
      fileInput.click();
  }).show();
});
</script>

</head>
<body>

<div id="file" style="vertical-align: bottom;"><input type="text" name="text" style="margin-right:6px; margin-top:6px;" vlaue="Click the button"/><a href="#" id="button"></a></div>
<input type="file" name="file[]" />
<input type="submit" id="submit" value="">

</body>

Dold text

Du vet att du även måste lägga det i en form frö att det skall gå att skicka antar jag.

Tackar! Är ganska ny inom HTML PHP och webdesign. Trodde bara det var att lägga in grejerna i .php och .css

Återstånde problem:
- Visa namnet på länken istället för "Klicka här" (för att komma till filen).
- Man kan se sina uppladdade filer på ip:t man är inne på.

Citera flera Citera

2012-04-26 20:30

atriix

Medlem

Plats: *
Registrerad: Nov 2011

●

Skrivet av Skum-tomte:

Tackar! Är ganska ny inom HTML PHP och webdesign. Trodde bara det var att lägga in grejerna i .php och .css

Återstånde problem:
- Visa namnet på länken istället för "Klicka här" (för att komma till filen).
- Man kan se sina uppladdade filer på ip:t man är inne på.

Har du läst på om filuppladdning med PHP? Kan du någon SQL och databashantering? Läs på om det först så kommer du fram till hur du skall lägga till de nya filerna i databasen och sedan lista dem på IP.

Visa signatur

Citera flera Citera

2012-04-26 20:56

pineapple

Medlem

Plats: Rymden
Registrerad: Dec 2010

●

Skrivet av atriix:

Har du läst på om filuppladdning med PHP? Kan du någon SQL och databashantering? Läs på om det först så kommer du fram till hur du skall lägga till de nya filerna i databasen och sedan lista dem på IP.

Okej det ska jag göra.

Citera flera Citera

2012-04-27 09:18

anon150287

Inaktiv

Registrerad: Apr 2010

●

Skrivet av atriix:

Har du läst på om filuppladdning med PHP? Kan du någon SQL och databashantering? Läs på om det först så kommer du fram till hur du skall lägga till de nya filerna i databasen och sedan lista dem på IP.

Kanske inte förstår dig fullt korrekt men han borde spara filerna direkt på servern och sedan länka till dom i databasen istället för att spara dom i databasen.

Citera flera Citera

2012-04-27 09:25

Teknocide

Medlem ★

Registrerad: Sep 2007

●

Om man vill göra det light weight behövs inte ens en databas. Spara alla filer i ett directory som motsvarar besökarens IP — man skulle kunna säga att man mappar (bu-dum—pssh!) användarens IP mot server storage. Filerna har själva den information som är intressant: uppladdningsdatum = creation date on disk, etc.

Visa signatur

Kom-pa-TI-bilitet

Citera flera Citera

2012-04-27 12:16

pineapple

Medlem

Plats: Rymden
Registrerad: Dec 2010

●

Kan inte så mycket php jag får nog läsa på lite

Skickades från m.sweclockers.com

Citera flera Citera

2012-04-27 12:17

pineapple

Medlem

Plats: Rymden
Registrerad: Dec 2010

●

Kan inte så mycket php jag får nog läsa på lite

Skickades från m.sweclockers.com

Citera flera Citera

2012-04-27 14:51

atriix

Medlem

Plats: *
Registrerad: Nov 2011

●

Skrivet av Teknocide:

Om man vill göra det light weight behövs inte ens en databas. Spara alla filer i ett directory som motsvarar besökarens IP — man skulle kunna säga att man mappar (bu-dum—pssh!) användarens IP mot server storage. Filerna har själva den information som är intressant: uppladdningsdatum = creation date on disk, etc.

Ja det är ju också ett alternativ, dock är nog databas att föredra. Men kan ju vara någonting att börja med och sedan vidareutveckla till att ha en databas över filerna.

Ur prestanda synpunkt är det dock bättre med en databas då inte varje fil behöver läsas för att ladda sidan. Men skall man gå light weight och inte har några nämnbara trafikmängder så fungerar det ju.

Visa signatur