Imagen con variable

Responder
mag071
Mensajes: 24
Registered for: 3 years 4 months
Venezuela

Imagen con variable

Mensaje por mag071 »

Saludos ;

Tengo un formulario donde tengo un BUTTON que llama a la funcion UploadFile como en los ejemplos
tengo un GET donde capturo el nombre del archivo que se subió
y tengo una IMAGE.

Ahora quiero que en la clausula IMAGE cambiar los valores de FILE y BIGFILE dependiendo de la variable
lo que quiero hacer es algo que en xbase lo hacia de esta manera

cImagen:='portada/'+cPortada

lo que quiero es que cada vez que se escoja y se muestre la imagen seleccionada.

Ejemplo :

Código: Seleccionar todo

//	{% LoadHrb( 'lib/tweb/tweb.hrb' ) %}

#include {% TWebInclude() %}

function main()

    LOCAL o
	
	DEFINE WEB oWeb TITLE 'Test Image Con Una Variable' INIT
	
    DEFINE FORM o 

    INIT FORM o 


        ROWGROUP o
            BUTTON ID 'myupload' LABEL ' Upload' GRID 6 FILES ACTION 'UploadFile()' ICON '<i class="fas fa-cloud-upload-alt"></i>'  OF o        
        END o 		
       
        ROWGROUP o
        //este valor lo cambio en el postuploadfile 
            GET ID 'portada' VALUE '' GRID 6 LABEL 'Portada' OF o
                  
        //lo que quiero es en vez de mostrar images/tokyo.jpg mostrar la imagen 
        //que la variable portada tiene.           
            IMAGE ID 'img_a' FILE 'images/tokyo.jpg' BIGFILE 'images/tokyo_big.jpg' ALIGN 'center' WIDTH 150 GRID 6  OF o
            
//algo asi si fuera xbase
//            cImagen:='portada/'+(valor del get portada)
//            IMAGE ID 'img_a' FILE cImagen BIGFILE cImagen ALIGN 'center' WIDTH 150 GRID 6  OF o
        
        END o	

        HTML o
            <script>
            
                function UploadFile() {             
                
                    var o = new TWebUpload( 'myupload', 'srv_upload.prg', Post_UploadFile )
        
                    o.Init()                    
                }

                function Post_UploadFile( dat ) {
                    console.log( 'Post_UploadFile', dat )
                    console.log( 'Solo nombre', dat['info']['name'])
                    $('#portada').val( dat['info']['name'] )
                    
                    MsgInfo( 'File uploaded' )
                }
                
            </script>       
        ENDTEXT 
    

   		
    END FORM o	
	
retu nil
 
Gracias.-

mag071
Mensajes: 24
Registered for: 3 years 4 months
Venezuela

Mensaje por mag071 »

Saludos ;

Logré lo que quería hacer de esta forma.

$("#img_a").attr("src","upload/7.jpg")
$("#twebimg_img_a").attr("href","upload/7.jpg");

donde img_a es el id que le distes en
IMAGE ID 'img_a' FILE 'images/tokyo.jpg' BIGFILE 'images/tokyo_big.jpg' ALIGN 'center' WIDTH 150 GRID 6 OF o

$("#img_a").attr("src","upload/7.jpg") //Aqui se cambia el FILE , debes usar el ID que le pongas
$("#twebimg_img_a").attr("href","upload/7.jpg"); //Con esto cambiamos el BIGFILE , debes añadir twebimg_ y el nombre del ID

con este comando .attr se cambian los atributos html

Aprendiendo :-)

Responder