AjaxFileUpload caricare automaticamente file una volta selezionato

Question

Ho un controllo AjaxFileUpload standard di

<asp:AjaxFileUpload ID="upManager" CssClass="fileUpload" runat="server" OnUploadComplete="upManager_UploadComplete" /> 

E invece di dover premere Upload, voglio solo il file da caricare automaticamente una volta che hanno selezionato il file. C'è un modo per fare questo?

Answer 1

Aggiungi riferimento a questo script per Scripts collezione di ToolkitScriptManager controllo o solo metterlo a fondo pagina:

var legacyAddToQueue = Sys.Extended.UI.AjaxFileUpload.prototype._addToQueue; 
Sys.Extended.UI.AjaxFileUpload.prototype._addToQueue = function(element){ 
    legacyAddToQueue.apply(this, [element]); 
    this._doUpload(); 
} 

Opere e da console a questa pagina: AjaxFileUpload Demonstration

Inoltre, a mio parere dovrebbe essere migliore per modificare le fonti ACT e aggiungere nuove proprietà come UploadAutomatically a questo controllo. Fatemi sapere se si preferisce questa opzione e bisogno di ulteriori dettagli su come a tale personale

AGGIORNAMENTO: provare questo script per la nuova AjaxFileUpload (deve lavorare per le versioni nuove e vecchie, ma non ancora testato)

if (Sys.Extended.UI.AjaxFileUpload.prototype._addToQueue) { 
    var legacyAddToQueue = Sys.Extended.UI.AjaxFileUpload.prototype._addToQueue; 
    Sys.Extended.UI.AjaxFileUpload.prototype._addToQueue = function (element) { 
     legacyAddToQueue.apply(this, [element]); 
     this._doUpload(); 
    }; 
}else if(Sys.Extended.UI.AjaxFileUpload.Control){ 
    var legacyaddFileToQueue = Sys.Extended.UI.AjaxFileUpload.Control.prototype.addFileToQueue; 
    Sys.Extended.UI.AjaxFileUpload.Control.prototype.addFileToQueue = function(fileItem){ 
     if(legacyaddFileToQueue.apply(this, [fileItem])){ 
      this._isUploading = true; 
      this.enableControls(this._isUploading); 
      this._processor.startUpload(); 
     } 
    }; 
} 

Answer 2

questo funziona nel nuovissimo kit di strumenti di controllo

<asp:AjaxFileUpload onchange="$('.ajax__fileupload_uploadbutton').trigger('click');" runat="server" /> 

Answer 3

hai ragione. Basta sostituirlo con

$(".ajax__fileupload").bind("change", function() { setTimeout(function() { $('.ajax__fileupload_uploadbutton').trigger('click'); }, 100); }); 
$(".ajax__fileupload_dropzone").bind("drop", function() { setTimeout(function() { $('.ajax__fileupload_uploadbutton').trigger('click'); }, 100); });