在更改时提交 Ajaxform

Question

我有一个 Ajax 表单，我需要在用户选择图像后立即提交。问题是表单没有提交。请任何指导将不胜感激

--形式---

<form id="bgimageform" method="post" enctype="multipart/form-data" action="process.php">
    <div class="uploadFile timelineUploadBG">
        <input type="hidden" name = "bkg" value = "1"/>
        <input type="file" name="photoimg" id="bgphotoimg" class="custom-file-input">

    </div>

</form>

--- JS 代码 ---

<script src="js/jquery-1.7.1.min.js"></script>
<script src="js/jquery.form.js"></script>
<script src="/js/jquery-ui.min.js"></script>
<script src="js/jquery.wallform.js"></script>
<script>
$(document).ready(function() {

  /* Uploading Profile BackGround Image */
  $('body').on('change','#bgphotoimg', function() {

    $("#bgimageform").ajaxForm({target:'#timelineBackground'}).submit();

  });
});
</script>

Answer 1

试试这个

 $("body").on('change','input#bgphotoimg', function() {
   $('#bgimageform').submit(AjaxCall);
});
function AjaxCall(){
  // ajax call here 
  $.ajax({
    type: "POST",
    url: "url",
    data: {},
    success: function(data) {
        // code here 
        console.log(data);
    }
  });
  return false; 
 }

Answer 2

你是对的，第一次尝试很遥远。

无论如何，我已经进行了一些测试，如果你这样做，它似乎可以工作。

$('body').on('change','#bgphotoimg', function() {
    alert("It should have submitted.");
});

这是一个演示它的小提琴。 http://jsfiddle.net/gt9e160f/

所以我不得不指出您的提交方法，因为肯定会调用 on change。

我以前从未使用过 jquery.form.js，但我从他们的文档中提取了这个：

$(function(){

    //bind the form's submit to ajaxForm
    $("body").on('submit', '#bgimageform', function(e){
        $(this).ajaxForm({target:'#timelineBackground'});
        e.preventDefault();
        return false;
    });

    /* Uploading Profile BackGround Image */
    $('body').on('change','#bgphotoimg', function() {
        //submit the form
        $("#bgimageform").submit();
    });
});