Botón de carga de un clic

Question

Estoy buscando crear un botón que cuando se hace clic en Abre una ventana de diálogo donde seleccionan una imagen para cargar y, una vez que lo seleccionan y presionan OK dentro de la ventana de diálogo, comienza la carga (Barra de carga opcional :))

Preferible Sería un complemento de jQuery que modifique la funcionalidad de la entrada de archivo HTML estándar ... ya que ya he escrito el código usando uno.

Answer 1

jquery plugin Uploadify se cargará con una barra de progreso e incluye funcionalidad para cargas de archivos simples o múltiples.

Answer 2

swfupload es capaz de hacerlo.Es un componente de carga basado en flash que puede interactuar con JavaScript.

Demo

Answer 3

Hay otras soluciones basadas en flash que no sean SWFUPLOAD.Eche un vistazo a uploadify.com

Este es un plugin jQuery.

Answer 4

Hay algunos tramposos para hacer esto usando jQuery y HTML ordinario.Esto es lo que utilizo en mi proyecto para cargar un archivo (limitado a uno) y simplemente usar un botón y sin complemento, aunque su botón necesita un estilo.

Código HTML

<form method="get" action="somephp.php">
                <input type="file" id="upload" name="upload" style="width: 88px; opacity:0.0; filter:alpha(opacity=0); " onchange='uploadChange()'/>
                <input type="submit" name="submit" style="margin-left: -88px"/>
            </form>

jQuery:

<script>
    function uploadChange(){
        $('input[type="submit"]').click();
    }
</script>

Answer 5

Esto podría ser lo que está buscando:

https://github.com/bencolon/file-uploader

El script admite Subir de múltiples archivos, pero es una opción.Mientras se accede y SWFLOUG, ambos requieren que se instalen Flash, este complemento si está libre de flash.Probablemente sea el enfoque más simple para su problema.Hay complementos más pequeños disponibles, pero tienden a no trabajar bien en todos los navegadores.