• 16-10-2013, 02:12:22
    #1
    Üyeliği durduruldu
    Jquery post etmeden upload?


    arkadaşlar form dan fileyi seçtikden sonra kendisi upload etsin daha sonra inputa yazdırma işlemini nasıl yaparım?
  • 16-10-2013, 12:04:28
    #2
    Uploadify
    SWFUpload

    Bunları incelersen işini görüceklerdir hocam...
  • 16-10-2013, 12:25:32
    #3
    Üyeliği durduruldu
    Bunu bende çok arıyorum hocam eğer bulabilirsen bende ücretli / ücretsiz yardımcı olmanızı isterim.

    Ben wordpress özel alan kutusuna otomatik yazdırmak istiyorum.Yani pcden resimi seçecek upload edilecek ve url otomatik o inputa yazdırılacak.
  • 16-10-2013, 12:33:50
    #4
    https://github.com/blueimp/jQuery-File-Upload

    bunu kullanabilirsin özelleştirerek.
  • 16-10-2013, 14:03:05
    #5
    GokhanKara adlı üyeden alıntı: mesajı görüntüle
    Bunu bende çok arıyorum hocam eğer bulabilirsen bende ücretli / ücretsiz yardımcı olmanızı isterim.

    Ben wordpress özel alan kutusuna otomatik yazdırmak istiyorum.Yani pcden resimi seçecek upload edilecek ve url otomatik o inputa yazdırılacak.
    bunları temanızın functions.php sine ekleyin
    /**
     * Admin Paneline özel js ekleyelim
     */
    add_action('admin_enqueue_scripts', function(){
    	
    	wp_enqueue_media(); // wordpress'in upload eklentisini çağırdık
        
        // kendi özel js mizi temaurl/js/jebias-admin.js olarak oluşturup wp ye tanıttık
        wp_register_script('jebias-admin-js', get_template_directory_uri().'/js/jebias-admin.js', array('jquery'));
        wp_enqueue_script('jebias-admin-js');
    });
    
    /**
     * Yazı ekleme sayfasına özel kutu ekleyelim
     */
    add_action('add_meta_boxes',function(){
    	add_meta_box('ozel-alanim', 'Özel Alanım', function($post){
    		$ozelalan = get_post_meta($post->ID, 'ozelalan', true); ?>
    			
    	  	<label for="ozelalan">Özel Alan</label>
    	  	<p>
    		  	<input value="<?php echo esc_attr($ozelalan); ?>" class="widefat" id="ozelalan" name="ozelalan" style="width:90%" type="text" />
        		<input data-id="ozelalan" type="button" value="Yükle" class="yukle-btn button-primary" />
    		</p>
    
    	<? }, 'post');
    });
    
    /**
     * Yazı kayıt edilirken özel alanımızıda kayıt edelim
     */
    add_action('save_post', function($post_id){
    	  update_post_meta($post_id, 'ozelalan', sanitize_text_field($_POST['ozelalan']) );
    });
    daha sonra temaurlniz/js/jebias-admin.js oluşturup içine
    jQuery(function(){
     
        var custom_uploader;
    
        jQuery('.yukle-btn').click(function(e) {
    
            var id = jQuery('#'+jQuery(this).attr('data-id'));  // yükle butonumuza yüklenen dosyanın urlsini atayacağımız input'un id sini veriyoruz burdada o kutuyu seçtirdik jquery'e
    
            e.preventDefault();
            if (custom_uploader) {
                custom_uploader.open();
                return;
            }
    
            custom_uploader = wp.media.frames.file_frame = wp.media({
                title: "Burası Başlık",
                library : { type : "image" },
                button: {
                    text: "Resimi Seç"
                },
                multiple: false // birden fazla yükenmesin
            });
     
            custom_uploader.on('select', function() {
                attachment = custom_uploader.state().get('selection').first().toJSON();
                id.val(attachment.url); // yüklenen dosyanın url sini daha önce seçtiğimiz kutuya değer olarak atadık
            });
     
            custom_uploader.open();
     
        });
     
     
    });
  • 16-10-2013, 14:08:42
    #6
    Üyeliği durduruldu
    karacoder adlı üyeden alıntı: mesajı görüntüle
    https://github.com/blueimp/jQuery-File-Upload

    bunu kullanabilirsin özelleştirerek.

    mantıgını anlamam için daha basit bişiler lazım

    --R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 14:08:42 -->-> Daha önceki mesaj 14:07:46 --

    jebias adlı üyeden alıntı: mesajı görüntüle
    bunları temanızın functions.php sine ekleyin
    /**
     * Admin Paneline özel js ekleyelim
     */
    add_action('admin_enqueue_scripts', function(){
    	
    	wp_enqueue_media(); // wordpress'in upload eklentisini çağırdık
        
        // kendi özel js mizi temaurl/js/jebias-admin.js olarak oluşturup wp ye tanıttık
        wp_register_script('jebias-admin-js', get_template_directory_uri().'/js/jebias-admin.js', array('jquery'));
        wp_enqueue_script('jebias-admin-js');
    });
    
    /**
     * Yazı ekleme sayfasına özel kutu ekleyelim
     */
    add_action('add_meta_boxes',function(){
    	add_meta_box('ozel-alanim', 'Özel Alanım', function($post){
    		$ozelalan = get_post_meta($post->ID, 'ozelalan', true); ?>
    			
    	  	<label for="ozelalan">Özel Alan</label>
    	  	<p>
    		  	<input value="<?php echo esc_attr($ozelalan); ?>" class="widefat" id="ozelalan" name="ozelalan" style="width:90%" type="text" />
        		<input data-id="ozelalan" type="button" value="Yükle" class="yukle-btn button-primary" />
    		</p>
    
    	<? }, 'post');
    });
    
    /**
     * Yazı kayıt edilirken özel alanımızıda kayıt edelim
     */
    add_action('save_post', function($post_id){
    	  update_post_meta($post_id, 'ozelalan', sanitize_text_field($_POST['ozelalan']) );
    });
    daha sonra temaurlniz/js/jebias-admin.js oluşturup içine
    jQuery(function(){
     
        var custom_uploader;
    
        jQuery('.yukle-btn').click(function(e) {
    
            var id = jQuery('#'+jQuery(this).attr('data-id'));  // yükle butonumuza yüklenen dosyanın urlsini atayacağımız input'un id sini veriyoruz burdada o kutuyu seçtirdik jquery'e
    
            e.preventDefault();
            if (custom_uploader) {
                custom_uploader.open();
                return;
            }
    
            custom_uploader = wp.media.frames.file_frame = wp.media({
                title: "Burası Başlık",
                library : { type : "image" },
                button: {
                    text: "Resimi Seç"
                },
                multiple: false // birden fazla yükenmesin
            });
     
            custom_uploader.on('select', function() {
                attachment = custom_uploader.state().get('selection').first().toJSON();
                id.val(attachment.url); // yüklenen dosyanın url sini daha önce seçtiğimiz kutuya değer olarak atadık
            });
     
            custom_uploader.open();
     
        });
     
     
    });

    WP kullanmayan napcak?
  • 16-10-2013, 14:18:46
    #7
    caxe adlı üyeden alıntı: mesajı görüntüle
    mantıgını anlamam için daha basit bişiler lazım

    --R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 14:08:42 -->-> Daha önceki mesaj 14:07:46 --




    WP kullanmayan napcak?
    Tayfun Erbilen'in hazırladığı bir video vardı hocam işinize yarar


    http://www.youtube.com/watch?v=USqqoKkQJIo