devre dışı bırakılması otomatik yükleme Bir kategori seçmek için kullanıcıya izin vermek için ben bir sayfa var bir durum var asp.net</p> <p>kullanarak dosya yüklemek blueint jquery.fileupload eklentisi kullanıyorum

Question

yükleme (DropDownListBox), bir başlık (yüklenen dosya için - TextBox) ve bir dosya girişi (eklenti tarafından işlenir).

eklentisi: https://github.com/i-e-b/jQueryFileUpload.Net

javascript/jQuery:

$('#fileup').fileupload({ 
        replaceFileInput: false, 
        formData: function (form) { 
         return [{ name: 'dcat', value: $('#ddlCats').val() }, { name: 'title', value: $('#txtTitle').val()}]; 
        }, 
        dataType: 'json', 
        url: '/_handlers/FileHandler.ashx', 
        add: function (e, data) { 
         var valid = true; 
         var re = /^.+\.((doc)|(xls)|(xlsx)|(docx)|(pdf)|(pts))$/i; 
         $.each(data.files, function (index, file) { 
          if (!re.test(file.name)) { 
           $('#uploaded').html('This file type is not supported'); 
           valid = false; 
          } 
         }); 
         if (valid) 
          data.submit(); 
        }, 
        done: function (e, data) { 
         $.each(data.result, function (index, file) { 
          $('#uploaded').html(file); 
         }); 
         GetFiles($('#ddlCats').val()) 
        }, 
        error: function() { 
         alert('An error occured while uploading the document.'); 
        } 
       }); 

html:

Benim sorunum, dosya (bir http işleyicisi aracılığıyla) yüklendiği edilir

<div id="fUpload"> 
<span style="font-weight:bold;">Yeni Belge:</span><br /> 
    <table class="ktoeos"> 
     <tr> 
      <td>Category:</td> 
      <td> <select id="ddlCats"></select></td> 
     </tr> 
     <tr> 
      <td>Document Description:</td> 
      <td><input type="text" id="txtTitle" /></td> 
     </tr> 
     <tr> 
      <td>Select Document:</td> 
      <td><input type="file" name="file" id="fileup" /></td> 
     </tr> 
     <tr> 
      <td colspan="2"><input type="submit" id="btnSubmit" value="Upload" /></td> 
     </tr> 
    </table> 
    <div id="uploaded"></div> 

düz I sonra Bir dosya seçin. Bununla birlikte diğer form verilerini göndermek için kullanabilirim, ancak bu etkinliğin bazı doğrulama işlemini gerçekleştirmem gerektiğinden bu düğmeyi göndermesi istiyorum. Ayrıca, kullanıcı önce bir dosya seçmek ve daha sonra formun diğer bölümlerini doldurmak isteyebilir; bu durumda, bunu yapmadan önce sunulmakta olan formdan dolayı yapamaz.

Çok iyi bir javascript programcısı olmadığımdan, bu işlevin zaten mevcut olup olmadığını bilmiyorum (muhtemelen budur) .js dosyaları eklenti ile kullanılabilir. Ne değiştirmek ya da yapmak için ihtiyacım var?

Answer 1

Bu false bunu değiştirirseniz jquery.fileupload-ui.js

varsayılan olarak ayarlanmış bir seçenek " autoUpload: true" olarak orada yapmak çok kolaydır ve mümkün elle düğmesine tıklayın olayı kodu.

Answer 2

Dosyaları widget'a ekledikten sonra add geri çağırma işlemi çağrılır, bu nedenle yüklemeyi duraklatmak için geçersiz kılmanız ve ardından bir düğme tıklatmasıyla başlatmanız gerekir.

add: function (e, data) { 
    $("#btnSubmit").click(function() { 
     // validate file... 
     if(valid) 
      data.submit(); 
    }); 
} 

Güncelleme: dokümantasyon şimdi bu bir better example sahiptir: cevap için