Activar manualmente el 'diálogo de archivo abierto' usando plupload

Question

Estoy usando plupload para escalar las imágenes del cliente antes de que se carguen. Me gusta la característica de que recae gratamente en html4 si el usuario no tiene instalados los motores flash, silverlight, etc.

Quiero poder iniciar la carga cuando el usuario hace clic en ciertos elementos en la página y quiero manejar los eventos (a veces impidiendo que se abra un diálogo de archivo). De hecho, me gustaría abrir el diálogo de archivo usando javascript.

Ok, entonces HTML4 (o más bien el navegador, excepto chrome: P) no me dejará hacer esto, a menos que el usuario haga clic en un botón de exploración (o una superposición que cubre un botón de exploración), así que cuando llegue la alternativa a HTML4 aceptaré que no puedo hacerlo, pero la mayoría de los usuarios tendrán instalado flash o Silverlight y no tienen esta restricción. Así que mi pregunta es la siguiente:

Cómo desencadenar el diálogo abrir archivo en plupload (teniendo en cuenta que solo necesito los motores flash y silverlight para hacer esto).

Answer 1

Si alguien está buscando la solución HTML5, aquí está:

var up= $('#uploader').pluploadQueue(); 
if (up.features.triggerDialog) { 
    plupload.addEvent(document.getElementById('idOtherButton'), 'click', function(e) { 
     var input = document.getElementById(up.id + '_html5'); 
     if (input && !input.disabled) { // for some reason FF (up to 8.0.1 so far) lets to click disabled input[type=file] 
      input.click(); 
     } 
     e.preventDefault(); 
    }); 
} 

Answer 2

He leído su problema.

Encontré algunos artículos que pueden ayudar a resolver esto. revisalos. Puede ayudar...!

01. https://stackoverflow.com/questions/210643/in-javascript-can-i-make-a-click-event-fire-programmatically-for-a-file-input-e

02. https://stackoverflow.com/questions/2048026/open-file-dialog-box-in-javascript

Answer 3

Ok. No parece posible hacer esto, por lo menos que alguien implementa controladores de evento para los componentes de Silverlight y Flash estoy fuera de suerte

Answer 4

Los tiempos de ejecución de la inversión se volverán irrelevantes a medida que transcurran los tiempos. Esto significa que, tarde o temprano, todos utilizaremos el tiempo de ejecución de HTML5. En caso de que esté utilizando HTML5 tiempo de ejecución, pero no utiliza pluploadQueue(), esto funcionará así:

// Set up and initialise uploader 
var uploader = new plupload.Uploader({ 
    'runtimes' : 'html5', 
    'browse_button' : 'id_of_the_first_button' 

    // Other options 
}); 

uploader.init(); 

// Hook in the second button 
plupload.addEvent(document.getElementById('id_of_the_second_button'), 'click', function(e) { 
    var input = document.getElementById(uploader.id + '_html5'); 
    if (input && !input.disabled) { 
    input.click(); 
    } // if 
    e.preventDefault(); 
}); 

Answer 5

Las soluciones anteriores no trabajadas en iPhones con plupload 2.1.2.

El siguiente código resolvieron el problema (jQuery es necesario):

$("#id_of_the_second_button").click(function() { 
    $('div.moxie-shim input[type=file]').trigger('click'); 
});