Forum PHP.pl > [PHP][JavaScript]input type="file" sprawdzenie

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [PHP][JavaScript]input type="file" sprawdzenie

Randallmaster

4.04.2013, 10:03:27

Witam,

1. W jaki sposób mogę sprawdzić za pomocą jqeury czy dodany plik nie jest większy od 500kb oraz czy jest to plik img bądź png?

2. W jaki sposób wczytać w inpucie plik który wcześniej dodałem z bazy danych: <input type="file" name="image" value="<?= htmlspecialchars($d[llogo']); ?>" />, po dodaniu do value nie działa.

nospor

4.04.2013, 10:06:16

ad1) Nie możesz
ad2) Nie da się

Randallmaster

4.04.2013, 10:26:19

To jaki sposób mogę sprawdzić czy dodany plik nie jest większy od 500kb oraz czy jest to plik img bądź png?

nospor

4.04.2013, 10:41:28

W php rzecz jasna....

Randallmaster

4.04.2013, 11:10:37

nospor wiesz o co mi chodzi ale nie chcesz pomóc... źle zadaje pytanie? Myślę że odpowiedź jest jedna. Jesteś naprawdę mądrym człowiekiem wiesz bardzo dużo, ale takie odpowiedzi naprawdę denerwują człowieka... Jeżeli cię uraziłem sorry ale takie jest moje zdanie. Jeśli możesz nie dawaj mi ostrzeżenia...

W jaki sposób mogę za pomocą php sprawdzić czy dodany plik nie jest większy od 500kb oraz czy jest to plik img bądź png?
Czy takie sprawdzenie może obyć się bez przeładowania strony, czy w momencie zapisu do bazy za pomocą funkcji if??

nospor

4.04.2013, 11:13:23

Cytat

Piłeś coś? Pytasz się czy w js można zrobić to i to. Grzecznie ci odpowiadam, że nie, a Ty mi jakieś żale walisz, że ja ci pomóc nie chcę..... o co kaman?

_Borys_

4.04.2013, 11:19:31

ad1.

[HTML] pobierz, plaintext 
<!DOCTYPE HTML>
<html>
<head>
	<meta http-equiv="content-type" content="text/html" charset="utf-8"/>
	<script type="text/javascript">
	function getFileInfo(){
	   fileSize = document.getElementById('fileinput').files[0].size;
       fileType = document.getElementById('fileinput').files[0].type;
       if(fileSize/1024 > 500){
       alert('Sorry no bonus, upload file is too big : '+Math.round(fileSize/1024)+' kB');
       }
       if(fileType != 'image/png'){
        alert('Wrong type of file');
       }
    }
</script>
</head>
<body>
 
<form  enctype="multipart/form-data" action="" method="post">
    <input  type="hidden" name="MAX_FILE_SIZE" value="512000"/>
    Załaduj plik
    <p>PLIK: <input  type="file" name="zalacznik" id="fileinput"/></p>
   <input  type="submit" name="submit" value="Załaduj" onclick="getFileInfo()"/> 
   <input  type="hidden" name="submitted" value="TRUE" />
</form>
</body>
</html>
[HTML] pobierz, plaintext

nospor

4.04.2013, 11:20:59

@Borys czy to jest dostępne w każdej przeglądarce? Z tego co kojarze, to raczej nie działa to wszędzie. Poza tym sprawdzanie po stronei serwera i tak musi być. Js to tylko feature.

matiit

4.04.2013, 11:22:17

@OP

Tak naprawdę obecnie jest taka możliwość w javascripcie.
Niestety na pewno nie działa to wszędzie. Sprawdź sobie gdzie to działa i czy Ci to odpowiada.

[HTML] pobierz, plaintext 
<form action='#' onsubmit="return false;">
<input type='file' id='fileinput'>
<input type='button' value='Load' >
</form>
 
<script ...>
input = document.getElementById('fileinput');
 
//przypisz wywolanie alerta do klikniecia buttona, bo zanim wczytasz plik nie bedzie tablicy files oczywiście
alert('Your file size is: '+input.files[0].size);
</script>
[HTML] pobierz, plaintext

nospor

4.04.2013, 11:24:09

Cytat

Niestety na pewno nie działa to wszędzie.

Dlatego pisałem że nie ma

Jak coś nie działa wszędzie to na grzyba się w to bawić

Proste sprawdzenie w php i po sprawie.

matiit

4.04.2013, 11:28:46

Ale warto na przyszłość o tym wiedzieć

A sprawdzenie w php

[PHP] pobierz, plaintext 
if(isset($_FILES['file']) {
	if($_FILES['file']['size'] > 10485760) { //10 MB 
	  // plik za duzy
	} else {
		// plik dobrej wielkosci
	}
}
[PHP] pobierz, plaintext

Zakładając, że input z plikiem ma name file

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.