Haga clic en , aparecerá el álbum del teléfono móvil y podrá elegir cargarlo en el álbum del teléfono móvil. ¿Cómo escribir código? ¿Cómo lograrlo?
? ¡Es! -Subir control- gt;
2?lt script? src = " consulta . formulario . min . js " gt; lt/script gt
3? href="Img_List.css"? rel="hoja de estilo"? /gt;
4?ltScript? src = " Img _ List.js " gt lt/script gt; Img_List.js es el siguiente:
///? ltReference? ruta = "../../script/jquery-1 . 8 . 0 . min . js "? /gt;
//Mostrar
función? imgmostrar(obj)? {
//$(obj). buscar("a "). show();
}
//¿Ocultar
función? ocultar imagen(obj)? {
//$(obj). buscar("a "). ocultar();
}
/Cargar
función? subir()? {?
$("#FileLoad "). Click();
}
//¿Eliminar
función? imgdel(listId, FileId? hfId)? {
$.post("/common module/ashx/public . ashx?action = DelMessageImg ampFiles= "? ?$("#"? ?hfId).val(),?function?(resultado )? {
Si? (resultado?!=?"OK")
$.messager.alert("Mensaje", "¡Falló la eliminación!"); p>});
var? HTML? =?" lt李 gt ltimg?src=\"/Themes/Images/jia.jpg\ "?style=\ "Altura:? ¿80px? ancho:? 80px\"?/ gt;ltInput?type=\"Archivo\"?id=\"FileId"\"? clase=\"entrada\"? onchange = \ "ImgUpload(" FileId " ',' " hfId " ', ' " listId " '); \"?name = \ " FileId " \ "?/ gt; lt/李>
$("#" ID de lista).
html(html);
}
//Añadido correctamente
¿Función? imgaddhtml(datos,?código,listId,fileId,hfId)? {
var? ¿Lista? =?data.split(',');
var? HTML? =?" lt李?onmouseover=\"imgshow(this)\ "?onmouseout = \" img hide(this);\">;
html? =?" estilo = \ " alto: 80px; ancho: 80px\"?href=\ "? ?lista[0]? ?"\"?target = \" _ en blanco \" gt ltimg?src=\ "? ?lista[0]? ?"\"?imgs=\ "? ?Lista[0]? ?"\"?code=\ "? ?¿Código? ?"\"?/ gt;lt/a gt;ltspanonclick = \"imgdel("listId"','"fileId"','"hfId"')\"gt;lt/spangt. lt/李>;
$("#"? ?listId). html(html);
}
//Carga de archivo de imagen
//uppath? ¿Subir identificación del espacio?
//La identificación del dominio oculto de la ruta de la imagen cargada correctamente.
//listId? La identificación del área donde se muestra la imagen.
¿Función? ¿ImgUpload (ruta ascendente, hndimg, listId)? {
var? enviarURL? =?"/common module/ashx/Upload_Ajax .ashx?Action=ampis de columna única thumbnail=1&UpFilePath="? ?uppath
//Iniciar envío
$("#form1 "). ajaxSubmit({
Antes de enviar:? ¿Función? (formData,? jqForm,? Opciones)? {
//alert(1);
},
Éxito:?(datos,?textStatus)?{
Lista?=?$("#"??hndimg);
$("# "? ?hndimg). val(data . msgbox);
imgadhtml(data . msgbox, ? 0, listId, uppath, hnd img);
},
Error:? (datos,? estado,?e)? {
Alerta("¡Error en la carga!");
},
Url :? sendUrl,
Tipo: ? "publicación",
Tipo de datos: ? };
Img_List.css? Como se muestra a continuación:
. lista_img{? Margen: 0px? relleno: 0px desbordamiento: oculto }
. lista_img? ul,. lista_img? ul? ciruela{? Margen: 0px? Relleno: 0px}?
.
lista_img? ul? ciruela{? flotador: izquierda;? Estilo de lista: Ninguno;? Posición: relativa;? Margen: 5px? 0px? 0px? 5px}
. lista_img? ul? ¿ciruela? span
{?Posición: absoluta; superior: 3px;? Derecha: ¿3px? ancho:? 16px;? altura:? 16px;? Opacidad:? 0,6; filtro:? alfa(opacidad=60);? Margen:? 0?0?0?2px
Alineación vertical:? arriba;? fondo:? URL('/Temas/Imágenes/panel _ herramientas . png ')? No, ¿repetir? -16 píxeles? 0px}
. lista_img? ul? ¿ciruela? img{? Ancho: 80px? Alto: 80px? Cursor: puntero;? Posición: relativa;? índice z: 0;}
. lista_img? ul? ¿ciruela? . ingresar{? Ancho: 80px? Alto: 80px? Cursor: puntero;? Posición: relativa;? Izquierda: -100 px; Alineación vertical: ? arriba;? Margen: 0px? Relleno: 0px? Opacidad: 0; Filtro: ? alfa(opacidad=0);? }panel_tools.png es el siguiente:
Jia.jpg es el siguiente:
Código de la página de inicio:
lttr gt
ltth gt imagen 1:
lttd gt
ltasp: ¿texto? ID="ltrimg_list"? runat = " servidor " gt lt/ASP：Literal gt;
lt entrada? tipo="oculto"? runat = "servidor"? id="ImgPath"? nombre="ImgPath"? /gt;
¿lapso? estilo = "color: azul;" tamaño recomendado (243 * 150)
lt/TD gt
lt/tr gt
lttr gt
p>ltth gt imagen 2:
lttd gt
ltasp: ¿texto? ID="Literal1"? runat = " servidor " gt lt/ASP：Literal gt;
lt entrada? tipo="oculto"? runat = "servidor"? id="hkImgPath"? nombre="hkImgPath"? /gt;
¿lapso? style = "color: blue;" tamaño recomendado gt (243 * 150)
lt/TD gt;
lt/tr gt código de inicialización de fondo:
{
¿Si? (!IsPostBack)
{
ltrimg_list. ¿Palabra? =?subir .showuploadfile(" archivo 1 ","ImgPath",?mfmodel.ImgPath,?"img_list 1");
Literal1.
¿Palabra? =?UpLoad.showUploadFile("File2","hkImgPath",mfmodel.hkImgPath,?"img_list 2");
}
}
// /? ltSummary gt
///? Generar información del complemento de carga
///? lt/summary gt;
///? nombre = " fileId " ID de control de carga
///? ltparam? name = " hfId " gtEl ID de dominio oculto se utiliza para guardar la ruta de la imagen cargada
///? ltparam? name="imgUrl " >Inicializar la dirección de la imagen mostrada
///? ltparam? name = " listId " gt etiqueta idlt se utiliza para mostrar la imagen cargada después de una carga exitosa
///? ltreturns gt lt/returns gt;
¿Público? ¿Electricidad estática? ¿Cadena? showUploadFile(¿Cadena? ¿Id. de archivo? ¿Cadena? ¿Id hf? ¿Cadena? ¿Cadena imgUrl? ¿Cadena? Id. de lista)
{
¿Cadena? ¿resultado? =?"";
¿Si? (!String.IsNullOrEmpty(imgUrl))
{
¿Resultado? =?" ltdiv? class = \ " img _ list \ " gt ltul? id=\ "? ?listaId? ?"\" gt lt李? onmouseover=\"imgshow(this)\ "? onmouseout = \ " img hide(this); \ " gt ltAnswer? estilo = \ " alto: 80px; ancho: 80px\"?href=\ "? ?imgUrl? ?"\"?target = \ " _ en blanco \ " gt ltimg?src=\ "? ?imgUrl? ?"\"?imgs=\ "? ?imgUrl? ?"\"?code=\"0\ "?/gt;lt/a gt;ltspan?onclick=\"imgdel(" "? ?listId? ? " ','"? ?fileId? ?"','"? ?hfId? ?")\ " gt lt/spangt.
lt/李gt lt/ul gt; lt/div>;"
}
Otro
{
¿Resultado?=? "ltdiv? clase = \ " img _ list \ " gt ltul? id=\ "? ?listId? ?"\ " gt lt李 gt ltimg?src=\"/Themes/Images/jia.jpg\ "?style=\ "Altura:? ¿80px? ancho:? 80px\"?/ gt;ltInput?type=\"Archivo\"?id=\"? ?Id. de archivo? ?"\"clase=\"entrada\ "? onchange=\"ImgUpload("? ?fileId? ?"','"? ?hfId? ?"','"? ?listId? ?"')\"?name=\ "? ?fileId? ?"\" ?/ gt; lt/李gt lt/ul gt; lt/div >;"
}
¿Regresar? Resultado;
}Método de carga:
#Región? Subir el procesamiento del archivo doc = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
46? ¿Vacío? SingleFile(HttpContext?Context)
47?{
48?
49?Cadena? _refilepath? =?Contexto. solicitud cadena de consulta ["ruta de rearchivado"];? //Obtiene el nombre del objeto devuelto.
¿50?Cadena? _upfilepath? =?Contexto. solicitud cadena de consulta ["ruta del archivo ascendente"];? //Obtener el nombre del objeto subido
51?String? _delfile? =?Contexto. solicitud . cadena de consulta[_ ruta de rearchivado];
52?HttpPostedFile? _upfile? =?null
53?try
54?{
55?_upfile? =?Contexto. solicitar archivos[_ upfilepath];
56?}
57?Catch? (¿Excepción? e)
58?{
59?Contexto. Response.Write("{\"msg\ ":?\"0\", ?\"msgbox\ ":?\ "¡El archivo cargado es demasiado grande!\"}");
60 ? contexto. respuesta.End();
61?}
62?Booleano? _¿es agua? =?Falso;? //Sin marca de agua por defecto.
63?Booleano? _¿Es miniatura? =?Falso;? //Las miniaturas no se generan de forma predeterminada.
64?Booleano? _isimagen? =?Falso;
65?
66?¿Y si? (Context.Request.QueryString["IsWater"]?==?"1")
67?_iswater? =?Verdadero;
68?¿Y si? (Contexto.
¿Solicitar cadena de consulta ["es miniatura"]? ==?"1")
69?_¿Es miniatura? =?Verdadero;
70?¿Y si? (Context.Request.QueryString["IsImage"]?==?"1")
71?_isimage? =?Verdadero;
72?
73?¿Y si? (_upfile?==?vacío)
74?{
75?Contexto. Response.Write("{\"msg\ ":?\"0\",?\"msgbox\ ":?" ¡Seleccione el archivo a cargar!\"}");
76? Volver;
77?}
78?¿Subir? ¿Subir archivos? =?Nuevo? Subir();
79?Cadena? ¿MSG? =?upfiles . archivos guardados como (_upfile, _isthumbnail, ?_iswater, ?_isimage);
80?//Eliminar archivos antiguos existentes.
81?Utilidades. eliminar upfile(_ delfile);
82?//Devolver información de éxito
83?Context. respuesta . Escribir(msg);
84?
85?Contexto. respuesta . Fin();
86?}
87?#Área final
101?Público? ¿Cadena? Guardar archivo como (HttpPostedFile?postedFile,?Boolean?¿Es un clavo?¿Boolean?¿Es agua?Boolean?_isImage,?Boolean?_isReOriginal)
102?{
103? Pruebe
104?{
105?String? archivoExt? =?Utilidades. GetFileExt (archivo publicado. Nombre de archivo);? //Extensión de archivo, sin "."
106? nombre de archivo original? =?archivo publicado. FileName.Substring(postedFile.FileName.LastIndexOf(@"\ ")? ?1);? //Obtener el nombre original del archivo
107?String? ¿Nombre del archivo? =?Utilidades. ObtenerRamCode()? ?"."? ?archivoExt? //Nombre de archivo aleatorio
108?String? rutadir? =?GetUpLoadPath();? //Ruta relativa al directorio de carga
109?
110?//Comprueba si la extensión del archivo es legal.
111?¿Y si? (!CheckFileExt(fileExt))
112?{
113?Regresar? "{\"msg\":?\"0\",?\"msgbox\":?"Carga no permitida"? ?fileExt? ?"¡Tipo de archivo! \"}";
114?}
115?//Compruebe si necesita cargar imágenes.
116 ¿Y si? (_isImage? amp amp?! IsImage(fileExt))
117?{
118?Return? " {\"msg\ ":?\"0\",?\"msgbox\":\ "Lo sentimos, ¡solo se permiten cargar archivos de imagen! \"}";
119?}
120?//Compruebe si el tamaño del archivo es legal.
121?¿Y si? (!CheckFileSize(fileExt, publicadoFile.ContentLength))
122?{
123?Return? "{\"msg\":?\"0\",?\"msgbox\":\"¡El archivo excede el tamaño límite! \"}";
124?}
125?//Obtiene la ruta del archivo que se guardará.
126?Cadena? ¿Nombre del archivo del servidor? =?dirPath? ?Nombre de archivo;
127?Cadena? ¿Nombre del archivo de miniatura del servidor? =?dirPath? ?"small_"??Nombre de archivo;
128?Cadena? devolver el nombre del archivo? =?Nombre del archivo del servidor;
129?//Ruta física completa
130?String? aFileFullPath? =?Utilidades. GetMapPath(ruta del directorio);
131?//Compruebe si la ruta existe y créela.
132 ¿Y si? (!Directory.Exists(toFileFullPath))
133?{
134?Directorio. crear directorio(toFileFullPath);
135?}
136?//Guardar el archivo
137?postedFile. SaveAs(toFileFullPath? ?File name);
138?//Si es una imagen, verifique si el tamaño de la imagen excede el límite.
139 ¿Y si? (IsImage(fileExt))
140?{
141?Miniatura. crear una imagen en miniatura (toFileFullPath??Nombre de archivo,?toFileFullPath??Nombre de archivo,?3000,?3000);
142?}
143?//¿Quieres generar una miniatura?
144?¿Y si? (¿IsImage(fileExt)? amp amp? es la miniatura)
145?{
146?Miniatura. crear imagen en miniatura (toFileFullPath? Nombre de archivo, toFileFullPath? "small_" Nombre de archivo, 150, 150, "R");
147//¿devolver nombre de archivo? =?","?serverThumbnailFileName? //Devuelve miniaturas separadas por comas.
148?}
149
166?/
171?Regresar? " {\"msg\ ":?\"1\",?\"msgbox\ ":?\""? ?devolver nombre de archivo? ?"\"}";
172?}
173?Captura
174?{
175?Regresar? " {\"msg\ ":?\"0\",?\"msgbox\":\ "¡Se produjo un error inesperado durante la carga! \"}";
176?}
177?}