Asp.Netコントロールを使用したjQueryメソッドの起動

Question

Asp.NetのFileUploadコントロールからファイルを選択してもjQueryメソッドを起動しようとしましたが、動作しません。 jQueryメソッドは、選択されているファイルサイズをチェックする必要があります。これをどうすれば解決できますか？

<script type="text/javascript"> 
    function ValidateUploadButton() { 
     //this code will be executed when a new file is selected 
     $('#FileUpload1').bind('change', function() { 
      //converts the file size from bytes to MB 
      var fileSize = this.files[0].size/1024; 

      //checks whether the file is less than 1 MB 
      if (fileSize > 1) { 
       $('#errorMessage').html("The file is too big") 
       alert("okey"); 
       //successfully validated 
      } 
      else { 
       alert("else"); 
      } 
     }); 
    } 
</script> 

 

<asp:FileUpload ID="FileUpload1" runat="server" ClientValidationFunction="ValidateUploadButton" /> 
<span id="errorMessage"></span> 

Answer 1

私はONCHANGEためにあなたのClientValidationFunction属性を変更しました。

「変更」バインドを削除するようにスクリプトを編集しました。変更のためにValidateUploadButtonが呼び出されています。

<script type="text/javascript"> 
function ValidateUploadButton() 
{ 
    //this code will be executed when a new file is selected 
    //converts the file size from bytes to Ko 
    var fileSize = $('#FileUpload1')[0].files[0].size/1024/1024; 
    // USE THIS BELOW IF THE ONE ABOVE DOESN'T WORK 
    //var fileSize = $('#<%= FileUpload1.ClientID %>')[0].files[0].size/1024/1024; 

    //checks whether the file is less than 1 MB 
    if (fileSize > 1) 
    { 
     $('#errorMessage').html("The file is too big") 
     alert("okey"); 
     //successfully validated 
    } 
    else 
    { 
     alert("else"); 
    } 
} 
</script> 

EDIT

は申し訳ありませんが、私は徹底的にこれをテストすることができませんでした。今はうまくいくはずです。ファイルサイズを正しく参照するjavascriptの構文は間違っていました。また、私は1024の余分な除算を追加しましたので、KBの代わりにMBで取得します。

注 - これは1つのファイルでのみ動作し、複数のファイルではサポートされません。