Προς το περιεχόμενο

chrome and upload forms

chridevelop

Από τον chridevelop
στο Web Design - Development

 Share

Προτεινόμενες αναρτήσεις

chridevelop Proficient

chridevelop

Δημοσ.
Δημοσ.

Καλησπέρα παιδιά θέλω σας παρακαλώ αν ξέρει κανείς να μου πει γιατί

δεν εμφανίζονται τα πεδία των upload forms που έχω κάνει στον google chrome

browser?

Έχω ελέγξει τους firefox kai opera και είναι όλα ok.

Ευχαριστώ!

parsifal Crazy Insomniac

parsifal

Δημοσ.
Δημοσ.

Δεν ισχύει αυτό. Οι browsers κατά περιπτώσεις έχουν διαφορετική ανοχή και συμπεριφορά στα λάθη. Όπως επίσης και διαφορετικά bugs...

chridevelop Proficient

chridevelop

Δημοσ.
  • Μέλος
Δημοσ.

Οκ σεβαστό δουλεύω με php5.0 και το περνάω μέσα στην page που θέλω σαν function της php οκ

ο κώδικας είναι ο παρακάτω ¨

<?php

function upload_article(){

 

?>

<table bordercolor="#FF6600">

<form action="upload1.php" method="post" enctype="multipart/form-data" name="mutiple_file_upload_form" id="mutiple_file_upload_form">

<tr>

<td>

<tr>

<td>Profile :</td>

<td><input name="user[]" type="file"></td>

</tr>

<tr>

<td>History :</td>

<td><input name="user[]" type="file"></td>

</tr>

<tr>

<td>News :</td>

<td><input name="user[]" type="file"></td>

</tr>

<tr>

<td>Services :</td>

<td><input name="user[]" type="file"><input type="submit" name="Submit" value="Submit" /></td>

</tr>

</form></td>

</tr>

</table>

 

<?php

}

?>

parsifal Crazy Insomniac

parsifal

Δημοσ.
Δημοσ.

Από μια γρήγορη ματιά, τα tags ορισμένων HTML elements που χρησιμοποιείς «ανοίγουν» και «κλείνουν» με αλλοπρόσαλλη σειρά, χωρίς το nesting μάλιστα να είναι valid σε όλες τις περιπτώσεις. Ορισμένα κιόλας δεν τα κλείνεις καθόλου ή κλείνεις κάποια που δεν έχουν ανοίξει καν. Πώς φαίνεται ο κώδικάς σου, μέσα σε HTML bbcode και με proper indentation:

 

>
<table bordercolor="#FF6600">
   <form action="upload1.php" method="post" enctype="multipart/form-data" name="mutiple_file_upload_form" id="mutiple_file_upload_form">
       <tr>
           <td>
               <tr>
                   <td>Profile :</td>
                   <td><input name="user[]" type="file"></td>
               </tr>
               <tr>
                   <td>History :</td>
                   <td><input name="user[]" type="file"></td>
               </tr>
               <tr>
                   <td>News :</td>
                   <td><input name="user[]" type="file"></td>
               </tr>
               <tr>
                   <td>Services :</td>
                   <td><input name="user[]" type="file"><input type="submit" name="Submit" value="Submit" /></td>
               </tr>
   </form>
</td>
</tr>
</table>

 

Νομίζω ήδη από το indentation και μόνο καταδεικνύονται τα λάθη...

parsifal Crazy Insomniac

parsifal

Δημοσ.
Δημοσ.

Δεν ξέρω τί διορθώσεις έκανες, αλλά το παρακάτω minimal working example είναι valid XHTML 1.0 Strict και εμφανίζεται σωστά στην τελευταία stable version (15.0.874.106 m) του Google Chrome:

 

>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="el">
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <title>Your title here</title>
</head>
<body>
   <form action="upload1.php" method="post" enctype="multipart/form-data" id="mutiple_file_upload_form">
       <table>
           <tr><td>Profile :</td><td><input name="user[]" type="file" /></td></tr>
           <tr><td>History :</td><td><input name="user[]" type="file" /></td></tr>
           <tr><td>News :</td><td><input name="user[]" type="file" /></td></tr>
           <tr><td>Services :</td><td><input name="user[]" type="file" /><input type="submit" name="Submit" value="Submit" /></td></tr>
       </table>
   </form>
</body>
</html>

isay Crazy Insomniac

isay

Δημοσ.
Δημοσ.

chridevelop μπορείς να ανεβάσεις ένα screenshot από το πρόβλημα; Για την ακρίβεια ένα screenshot για το πως στο εμφανίζει στο firefox και ενα screenshot για το πρόβλημα που εχεις στον chrome. Το πρόβλημα που έχεις ειναι στον τρόπο εμφάνισης ή οτι τα δεδομένα δεν γίνονται upload στο επόμενο στάδιο;

chridevelop Proficient

chridevelop

Δημοσ.
  • Μέλος
Δημοσ.

Λοιπόν φίλε μ δες τι γίνεται τα αρχεία γίνονται upload και περνάνε μια χαρά αλλά ο τρόπος π εμφανίζεται η φόρμα για

to upload δεν εμφανίζει τα πεδία απλά μου εμφανιζει δεν έχει επιλεγεί......

parsifal Crazy Insomniac

parsifal

Δημοσ.
Δημοσ.

Η HTML που παράθεσα πιο πάνω, στον Firefox:

 

post-43041-0-05796700-1320310022_thumb.png

 

Στον Chrome:

 

post-43041-0-21309400-1320310045_thumb.png

 

 

Βλέπεις κάτι διαφορετικό από τα παραπάνω; Μήπως μπερδεύτηκες, επειδή τα form UI controls διαφέρουν από browser σε browser;

chridevelop Proficient

chridevelop

Δημοσ.
  • Μέλος
Δημοσ.

Αυτό ακριβώς μου συμβαίνει υπάρχει δυνατότητα να το αλλάξω ή όχι?

Συγνώμη αλλά δεν ήξερα την λεπτομέρεια αυτή ευχαριστώ για το χρόνο

σας..

Alan Fall Proficient

Alan Fall

Δημοσ.
Δημοσ. (επεξεργασμένο)

Δυστηχώς σε webkit browsers δεν μπορεις να δεις το path για λόγους ασφάλειας. Μπορείς όμως να "παίξεις" κάπως με javascript.

Δηλαδή, να ελέγχεις αν κάποιος έχει webkit browser, να δημιουργείς text input fields δίπλα στο file input πεδίο και μετά, κάθε φορά που αλλάζει η συμπεριφορά του file input να παίρνεις την τιμή του και να την προσθέτεις στην τιμή του input text που έχεις δημιουργίσει..αλλα και πάλι, δεν μπορείς να πάρεις το fullpath του αρχείου παρα μόνο το filename..

 

Δηλαδή κάτι σαν αυτό:

 

><!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" lang="el">
<head>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <title>Your title here</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<script type="text/javascript">

$(document).ready(function() {


$('input.hidden_path').css('display', 'none');
if ($.browser.webkit){
	$('input.hidden_path').css('display', 'inline');
	
	$("form input[type='file']").each (function() { 
	
		$(this).change(function() { 
		
		$(this).prev().val($(this).val());
		
		
		});
	});
	}
});

</script>
<style>label {display:block}</style>
</head>

<body>
   <form action="upload1.php" method="post" enctype="multipart/form-data" id="mutiple_file_upload_form">
       <table>
		<label for="profile">Profile :<input class="hidden_path" name="user[]" type="text" /><input name="user[]" type="file" /></label>
		<label for="history">History :<input class="hidden_path" name="user[]" type="text" /><input name="user[]" type="file" /></label>
		<label for="news">News :<input class="hidden_path" name="user[]"  type="text" /><input name="user[]" type="file" /></label>
		<label for="services">Services :<input class="hidden_path" name="user[]"  type="text" /><input name="user[]" type="file" /></label>
       </table>
   </form>
</body>
</html>

Επεξ/σία από Alan Fall
parsifal Crazy Insomniac

parsifal

Δημοσ.
Δημοσ.

http://www.quirksmode.org/dom/inputfile.html

http://stackoverflow.com/questions/5260747/html-input-type-file-in-chrome-does-not-show-textbox

 

Δεν αξίζει τον κόπο, νομίζω. Και αν δεν κάνω λάθος, δεν είναι το μόνο σημείο που ο κάθε browser ή HTML rendering engine ακολουθεί τα δικά του/της. Δεν αποκλείεται να υπάρχει κάποιο έτοιμο forms framework, βασισμένο σε jQuery ή άλλες δημοφιλείς Javascript βιβλιοθήκες με το οποίο να μπορείς να επιτύχεις κοινή εμφάνιση στις φόρμες σου χωρίς να επανεφευρίσκεις τον τροχό...

Δημιουργήστε ένα λογαριασμό ή συνδεθείτε για να σχολιάσετε

Πρέπει να είστε μέλος για να αφήσετε σχόλιο

Δημιουργία λογαριασμού

Εγγραφείτε με νέο λογαριασμό στην κοινότητα μας. Είναι πανεύκολο!

Δημιουργία νέου λογαριασμού

Σύνδεση

Έχετε ήδη λογαριασμό; Συνδεθείτε εδώ.

Συνδεθείτε τώρα
 Share
Προς την λίστα θεμάτων
  • Δημιουργία νέου...