jquery関数を呼び出すことができません

Question

ファイル入力のプレビューを取得しようとしています。

正常に機能を呼び出すと正常に動作するjqueryスクリプトがあります。

$('#images').on("change", previewImages); 

This作品です。

しかし、私は

$('#images').on("change", function(){ 

    previewImages(); 

}); 

Thisが動作しない、次のように異なり、同じ関数の呼び出しを入れたとき。

誰かが私にこれを手伝ってもらえますか？他の関数を呼び出すにはif else statementを書く必要があります。助けてくれてありがとう。

Answer 1

有効質問

理由：これが原因thisで起こるuは最初のアプローチが、第2のアプローチthisの場合に窓要素を参照しているを使用しているときに要素をファイルを参照するもので、それが呼び出されます。だからこれを機能させるとあなたの質問は解決されます。

$('#images').on("change", function(e) { 
    /* issue is with this */ 
    previewImages(e, this); 
}); 

var count = 0; 

function previewImages(evt, cur) { 
    var $fileUpload = $("input#images[type='file']"); 
    count = count + parseInt($fileUpload.get(0).files.length); 
    if (parseInt($fileUpload.get(0).files.length) > 7 || count > 6) { 
     alert("You can only upload a maximum of 6 files"); 
     count = count - parseInt($fileUpload.get(0).files.length); 
     evt.preventDefault(); 
     evt.stopPropagation(); 
     return false; 
    } 
    $("#taskbar").css("height", "auto"); 
    var $preview = $('#preview').empty(); 
    if (cur.files) $.each(cur.files, readAndPreview); 
    function readAndPreview(i, file) { 
     // if (!/\.(jpe?g|png|gif|mp4)$/i.test(file.name)){ 
     // return alert(file.name +" is not an image"); 
     // } 
     var reader = new FileReader(); 
     $('#preview img').addClass('img-responsive'); 
     $(reader).on("load", function() { 
      $preview.append($("<img/>", { 
       src: this.result, 
       height: 100 
      })); 
     }); 
     reader.readAsDataURL(file); 
    } 
} 

Answer 2

prePreviewImages関数を作成し、これを最初の方法で使用します。その関数の中で、if文を使って、previewImages（）や他の関数を呼び出します。

Answer 3

次は、どちらの方法がJSFiddleに私のために働くように見える

$('#images').change(function(e) {  
     if(e == "some condition"){ // if else goes here 
       previewImages(); 
     }else { 
      SomeOtherFun(); 
     } 
    }); 

Answer 4

..行う必要があります。あなたはそれが browser compatibility issueではないと確信していますか？

開発ツールのコンソールにエラーが記録されていない場合は、