Image Preview

Κώδικας, πληροφορίες, ερωτήσεις και απαντήσεις σχετικές με την JavaScript.

Συντονιστές: WebDev Moderators, Super-Moderators

Απάντηση
nightwishgr
Δημοσιεύσεις: 9
Εγγραφή: 18 Φεβ 2009 19:43

Image Preview

Δημοσίευση από nightwishgr » 04 Ιουν 2011 01:36

Καλησπέρα παιδιά,

Στο παρελθόν ο fafos με έχει βοηθήσει απίστευτα μιάς και είναι Jenius...
Fafos σε ευχαριστώ και πάλι.

Τώρα έχω την εξείς απορία.
Χρησημοποιώ το Uploadify για να κάνω upload μία Photo.
Το Uploadify για το ανέβασμα εκτελεί ένα file uploadify.php στο οποίο έχω κάνει κάποιες αλλαγές ώστε να δημιουργεί thimbnail και να κάνει και resize την Photo.

Το αρχικό αρχείο έχει ένα File filed (<input id="file_upload" name="file_upload" type="file" />)

Τώρα θέλω να ρωτήσω εάν είναι εφικτό να με βοηθήσει κάποιος όταν πατάω borwse και επιλέγω την εικόνα πρίν πατήσω το κουμπί upload για να τρέξει το uploadify.php για το upload της photos να μου κάνει preview την photo σε ένα Div..

Επισυνάπτω τα αρχεία μου..
Συνημμένα
Uploadify.zip
My File
(233.45 KiB) Μεταφορτώθηκε 339 φορές

Άβαταρ μέλους
Pantso
Δημοσιεύσεις: 67
Εγγραφή: 29 Μαρ 2010 16:49
Τοποθεσία: Athens, Greece
Επικοινωνία:

Image Preview

Δημοσίευση από Pantso » 04 Ιουν 2011 10:32

Όπως το ακούω μου ακούγεται ότι πρέπει να καλέσεις το αρχείο php που έχεις με την εντολή .ajax(); της jQuery, για να φέρεις την thumbnail, χωρίς να ξαναφορτώσεις την σελίδα σου. Google it και νομίζω θα το βρείς !
Does not compute ... !
GreekTuts.net - Ελληνικά Βοηθήματα
VideoGamer.gr - Γιατί η ζωή είναι ένα παιχνίδι

Άβαταρ μέλους
korgr
Honorary Member
Δημοσιεύσεις: 5067
Εγγραφή: 07 Οκτ 2008 18:30
Τοποθεσία: Corinth
Επικοινωνία:

Image Preview

Δημοσίευση από korgr » 04 Ιουν 2011 10:33


nightwishgr
Δημοσιεύσεις: 9
Εγγραφή: 18 Φεβ 2009 19:43

Image Preview

Δημοσίευση από nightwishgr » 04 Ιουν 2011 15:14

Παιδιά σας ευχαριστώ όλους.

nightwishgr
Δημοσιεύσεις: 9
Εγγραφή: 18 Φεβ 2009 19:43

Image Preview

Δημοσίευση από nightwishgr » 04 Ιουν 2011 15:45

Παιδιά το πρόβλημα μου λύθηκε.

O Fafos μου έδωσε την λύση. (Fafos Thanks a lot).

Και φυσικά ευχαριστώ όλους τους υπόλοιπους.

Ανεβάζω το Script έτοιμο το οποίο "σκάλίσα λίγο" και όταν κανει το upload φιάχνει ένα Thumb και ένα κανονικό με μοναδικό filename βασισμένο στο time της php.

Regards to all.
Συνημμένα
SimpleUploadAndDisplayWithResize.zip
(3.2 KiB) Μεταφορτώθηκε 342 φορές

Kung Lao
Δημοσιεύσεις: 4
Εγγραφή: 23 Σεπ 2011 09:13
Επικοινωνία:

Image Preview

Δημοσίευση από Kung Lao » 23 Σεπ 2011 13:56

Καλησπέρα. Παιδιά προσπαθώ να κάνω image preview χωρίς upload ή server side. Βρήκα κάτι που δουλεύει σε mozilla http://jsbin.com/uboqu3/edit#javascript,html,live και προσπαθώ να το τροποποιήσω ώστε η εικόνα να μην μπαίνει σε <img tag στην html αλλά σαν background-ιmage σε κάποιο Div. Εχω δοκιμάσει κάτι τέτοιο αλλά δεν δουλεύει... Μπορεί κανείς να βοηθήσει?

Κώδικας: Επιλογή όλων

function readURL&#40;input&#41; &#123;
            if &#40;input.files && input.files&#91;0&#93;&#41; &#123;
                var reader = new FileReader&#40;&#41;;

                reader.onload = function &#40;e&#41; &#123;
                 
                      $&#40;'#blah'&#41;.css&#40;'background-image','url&#40;e.target.result&#41;'&#41;;
                      $&#40;'#blah'&#41;.css&#40;'width','500px'&#41;;
                      $&#40;'#blah'&#41;.css&#40;'height','500px'&#41;;
                &#125;;
        &#125;
        &#125;

dpa
Δημοσιεύσεις: 631
Εγγραφή: 29 Μαρ 2008 13:55

Image Preview

Δημοσίευση από dpa » 31 Οκτ 2012 11:06

γιατί χρησιμοποιούμαι iframe ??

Απάντηση

Επιστροφή στο “JavaScript και Frameworks”

Μέλη σε σύνδεση

Μέλη σε αυτήν τη Δ. Συζήτηση: Δεν υπάρχουν εγγεγραμμένα μέλη και 1 επισκέπτης