En primer lugar, me gustaría decir que esto es una encapsulación secundaria del control de subidas de código abierto de WebUploader, y la capa subyacente sigue implementada por WebUploader, solo para que sea más conciso.
Echemos un vistazo a WebUploader
Introducción:
WebUploader es un sencillo componente moderno de subida de archivos basado en HTML5, desarrollado por el equipo de Baidu WebFE (FEX). En los navegadores modernos, puede aprovechar al máximo las ventajas de HTML5, sin abandonar el navegador IE convencional, utilizando el runtime original de FLASH, compatible con IE6+, iOS 6+ y Android 4+. El mismo método de llamada puede ser utilizado por los usuarios en cualquier momento cuando estén disponibles los dos conjuntos de tiempos de ejecución.
El uso de fragmentos de archivos grandes y la subida simultánea mejora enormemente la eficiencia de la carga de archivos.
Dirección oficial de la página web: http://fex.baidu.com/webuploader/
Si te interesa jugar solo, puedes ir directamente a la web oficial
Empecemos el texto:
Por lo anterior, podemos ver que la función WebUploader de Baidu es realmente muy potente, pero como todos los controles de subida, es más engorrosa de usar, como la siguiente:
Primero necesitas consultar varias bibliotecas relacionadas,
Luego escribe bien el HTML
¡No queremos todo esto!, solo dos frases, consigue nuestra subida. De la siguiente manera:
He escrito que el estilo bootstrap de CSS hará referencia automática,
Soporta múltiples subidas de archivos,
Identificar automáticamente los archivos duplicados,
Subida automática opcional y subida manual,
Puedes renderizar varios controles de subida en una página sin conflicto
Luego algunos parámetros de configuración relacionados con WebUploader puedes configurarlos tú mismo.
Vamos directamente al widget de JS que empaqueté (un poco desordenado, vamos a conformarnos):
Algunos parámetros relacionados y más importantes se han escrito con notas, y puedes consultarlos por tu cuenta.
Entonces usémosle.
Escribe nuestro JS y HTML de la siguiente manera:
No pasa nada, vale la pena señalarlo
Para los parámetros en powerWebUpload, consulte la API en la página web oficial
El método GetFilesAddress() devolverá una matriz de rutas de archivo tras subir, y puedes obtenerlo tú mismo.
Por último, la última demo que escribí, implementada usando Asp.net MVC, puedes descargarla tú mismo:
Baidu Netdisk:
Enlace: http://pan.baidu.com/s/1o8B0xOQ Contraseña: 9kws
Original: http://www.cnblogs.com/GuZhenYin/p/5584272.html
|
Publicado en 27/6/2016 15:13:30
|
|
|
|
Publicado en 4/5/2020 21:03:04