함수 (evt) 자바 스크립트 파일 API

Question

자바 스크립트 파일 API에 문제가 있습니다. 우선은 폼 입력이 가치가 있다면 확인하고있어, 양식 입력 유형 = 파일 이름이 이미지 인 경우, 나는 그것이 이미지 싶어 :

function checkQrCode(evt) { 
    var qrcode = evt.target.files[0]; // create a FileList and take the first one 

    if (!qrcode.type.match("image.*")) { // check to see if it is an image 
     var $parentDiv = $(this).parent().parent(); 
     $parentDiv.removeClass("has-success"); 
     $parentDiv.addClass("has-error"); 
     return; 
    } 

    var reader = new FileReader(); // create a FileReader 

    reader.onload = function (evt) {  
     var img = new Image(); // create a new image 
     img.src = event.target.result; // set the src of the img to the src specified 
     if ($("#qrcode").siblings().length != 0) { // if qrcode has siblings (function already executed) 
      $("#qrcode").siblings().remove(); // remove the siblings 
     } 
     $("#qrcode").parent().append(img); // append the img to the parent 
     $("#qrcode").siblings("img").addClass("img-thumbnail"); 
     $("#qrcode").siblings("img").css("float", "left"); 
    } 
    reader.readAsDataURL(qrcode); 
} 

: 이미지를 얻기

function checkIfValued() { 
    $("form input, textarea").change(function() { 
     // ifs .... 
     else if (name === "image") { 
      checkQrCode(); 
     } 
     // else ifs .... 
    }); 
} 

을 내가 사용했을 때 :

$("#qrCode").change(checkQrCode); 

그것은 효과가 있지만 첫 번째 코드를 사용할 때 그렇다. 아마도 checkQrCode 함수의 이벤트와 관련이 있다고 생각합니다 (마지막 코드에서 이벤트는 함수에 직접 연결되어 있고 두 번째 코드에는 if 문이 있습니다).

어쨌든 어떻게 해결할 수 있으며 누군가가 event/evt 옵션을 설명 할 수 있다면 매우 감사하겠습니다.

감사

는

Answer 1

귀하의 checkQrCode 기능은 이벤트 콜백의 인수로 주어진 트리거 이벤트를받을 것으로 기대하고있다.

이 같이 호출

는 :

$("#qrCode").change(checkQrCode); 

... 그 심지어 콜백에 의해 함수에 전달되고있다. 그러나 첫 번째 예에서는 이벤트를 무시하고 인수없이 이벤트 기대 함수를 호출합니다.

당신은 더 같이 할 것 :

$("form input, textarea").change(function(evt) { 
    // ... 
    checkQrCode(evt);