Maquillar un Input file upload

Amigo muchas gracias.

Facil, sencillo y funcional.

Un verdadero placer ;)

Buenas muchachos,
Les escribo acá en el primer post que me crucé de esta pagina que me gusta mucho, porque se que aquí hay muchos ex forum.macromedia.com... y estoy necesitando a alguna amita caritativa que me de una ayudita simple con un script para hacer un RANDOM en AS2... ¿se están juntando en algun foro en particular? bueno... espero no molestarlos y si me tiran alguna dirección con algun foro con un flujo frecuente de feedback se los voy a agradecer, y sino, alquien que me quiera dar una mano directamente, no hay drama... gracias...! y saludos Macias!

Buenas, "Ale". Yo más que acceder a foros o listas concretas, suelo acceder a los Feed de Adobe [ http://feeds.adobe.com/ ]. Siempre se encuentran cosas muy interesantes.

Un saludo !

exelente. muchs gracias

Esta muy bien y si funciona y ya me salio pero para los que no saben y el codigo para c# de donde lo pueden sacar...!!

yo ya lo saque asi que aqui lo pongo para aquellos que no sepan como yo...


string fn = System.IO.Path.GetFileName(flimage.PostedFile.FileName);
string SaveLocation = "e:" + "\" + "Imagenes_SIPCE" + "\" + fn;
try
{
flimage.PostedFile.SaveAs(SaveLocation);
//this.lblmessage.Text = "El archivo se ha cargado.";
}
catch (Exception ex)
{
Response.Write(ex.Message);

}

solo para aclarar las dudas ese codigo anterior es un complemento para el codigo que ustedes ponen saludos espero les sirva.

como leer un archivo de excel desde c# solo cambien la direccion de mi archivo y el nombre adaptandolo al suyo.


Cambien el nombre donde dice datagrid4 por el nombre de su datagrid para que funcione




String sConnectionString = "Provider=Microsoft.Jet.OLEDB.4.0;" + "Data Source=" + "E:\" + "Imagenes_SIPCE" + "\" + "ExcelData.xls" + ";" + "Extended Properties=Excel 8.0;";

OleDbConnection objConn = new OleDbConnection(sConnectionString);

objConn.Open();

OleDbCommand objCmdSelect = new OleDbCommand(@"SELECT * FROM [Materiales$]", objConn);


OleDbDataAdapter objAdapter1 = new OleDbDataAdapter();

objAdapter1.SelectCommand = objCmdSelect;

DataSet objDataset1 = new DataSet();

objAdapter1.Fill(objDataset1, "XLData");

DataGrid4.DataSource = objDataset1.Tables[0].DefaultView;

DataGrid4.DataBind();

objConn.Close();



peguen el codigo en el pageload o donde quieranq ue cargue su archivo.

Hola gracias por el ejemplo esta muy claro y me funciono a la primera solo cambie las direcciones que alex sanyago publica por las mias, una duda nadamas ya fuera de tema alex sanyago es famoso, si es el chico que sale en todas las redes o este alex sanyago es otro distinto a el.

Gracias alex sanyago el ejemplo esta muy claro y con la adaptacion que publicas corre perfectamente en mi programa.

No entendi bien ninguno de los codigos me los pueden explicar con un poco mas de detalle si no es mucha molestia

hey muy bueno :D
gracias

Gracias ;)

Un saludo

Muy buenos los ejemplos me funcionaron muy bien gracias sigan publicando mas informacion que sirva como esta.

Hola Jorge, este es quizá más completo ;)
https://www.cmacias.com/maquillar-un-file-upload-2/

Sencillamente magistral

Excelente tip... Gracias por compartirlo.

Un placer :)

Puede agregar el sgte. código (jQuery) para presentar el nombre del archivo una vez que lo selecciones:

$(function(){
$(".custom-input-file input:file").change(function(){
$("#campTexto").val($(this).val());
});
});

Esa es una buena solución si centralizamos todos los scripts en un único documento. De hecho tengo un js preparado que genera no solo la estructura del input, sino el evento onchange.

De todas formas, es algo similar (solo que inline) a lo que hago aquí : https://www.cmacias.com/maquillar-un-file-upload-2/

Hola, ya hace tiempo de este post, y no sé si quizás queda un poco fuera de contexto, pero creo que el ejemplo queda mejor si al css de 'div.upload input' se le añade un "cursor: pointer" al elemento, así, cuando hay imágenes de background se ve más clara la imagen al modificar el puntero de ratón por la mano, :D.

Un saludo, y muy buen ejemplo de código.

Hola Fede,

No te falta razón. Totalmente de acuerdo.
Efectivamente, de esa manera avisamos al usuario de que puede interactuar mediante un click con el "nuevo" elemento upload.