如何使用jQuery表單觸發提交當按鈕不是使用type = submit來呈現時？

Question

鑑於這種形式

<form id="posts_form"> 
    <input type="file" value="" name="picture" > 

    <span class="picture_js fc-button fc-button-prev fc-state-default fc-corner-left fc-corner-right"> 
     <span class="fc-button-inner"> 
      <span class="fc-button-content save_button">Share</span> 
      <span class="fc-button-effect"> 
       <span></span> 
      </span> 
     </span> 
    </span> 
</form> 

我使用的樣式目的來說，這<span>基於按鈕。

我試圖做的是綁定在<span>按鈕點擊事件，並觸發一個提交功能，如：

$('.picture_js').click(function(e){ 
    e.preventDefault(); 
    pictureUpload(); 
    return false; 
}); 

function pictureUpload() { 

     var options = { url: 'chat/upload' } 

    $('#posts_form').ajaxForm(options); 
} 

但就是點擊按鈕無反應（控制檯上沒有錯誤任何） - 任何建議如何使這項工作？

Answer 1

我想你可能需要包括並同時實現beforeSubmit和success選項文件上傳的工作，因爲在這篇文章中提出： Jquery form plugin file upload。

試試這個：

function pictureUpload() { 

    var options = { 
     url: 'chat/upload', 
     success: function() {}, 
     beforeSubmit: function() {} 
    } 

    $('#posts_form').ajaxForm(options); 
}