은 .trigger에 대한 콜백을위한 대안이 필요합니다.

Question

나는 tinymce의 menuitem에서 onclick 이벤트를 사용하여 파일을 업로드하기 위해 양식의 입력 유형 파일을 트리거합니다 (모범 사례는 아닐 수도 있음). 유일한 문제는 .trigger에 콜백이 없기 때문에 아약스 호출을 수행하는 데 사용할 것입니다.

여기에 사용자가 열 파일을 선택하기 전에, submit_image이 실행됩니다 있다는 것입니다 코드의 세 조각 나는

<form id="image_submit"> 
    <input id="image_uploader" type="file" accept="image/jpeg, image/png"> 
    </form> 

    function submit_image(){ 

     $.ajax({ 
      type: "POST", 
      url: "lib/cms/cms_switch.php", 
      async: false, 
      dataType: "json", 
      data: {switch_id: 5}, 
      success: function(response) { 

       alert('good'); 

      }, 
      error: function(xhr, ajaxOptions, thrownError) { 

       alert(xhr.responseText); 
       alert(thrownError); 
      }, 
     }); 
    } 

    editor.addMenuItem("Upload Image", { 
       name: "Upload Image", 
       text: "Upload Image", 
       context: 'tools', 
       onclick: function(event) { 
        alert("here") 
        $('#image_uploader').bind('click', function(){ 
         submit_image(); 
        }); 
        $('#image_uploader').trigger('click'); 
       } 
     }) 

문제와 함께 일하고 있어요입니다.

어떤 아이디어 나 비판은 많은 파일 선택 후 submit_image()

$('#image_uploader').bind('change', function(){ 
      submit_image(); 
    }); 

변경 화재에 대한

Answer 1

사용 change 이벤트를 감상 할 수있다. 입력 필드 클릭시 화재를 클릭하십시오.