jquery.fileUpload.js文件上传问题

Question

上图是我的源代码.左边是页面,有一个input 标签,file类型.
右边是js文件,一个文件上传的函数.

我想实现的功能是:
当左边的input标签值发生改变时(重新选取了其它文件),执行右边的函数,并上传文件.

现在的情况是:
第一次:input标签为空,然后选取一个文件,会执行右边的那个函数,但是不会上传文件
第二次:input标签已经选择了一个文件,重新选取另一个文件,会执行右边的的函数,而且会上传图片文件,一切正常.

要怎么做才能使第一次选取图片文件时也能自动上传文件?
文件上传部分的代码:

Answer 1

了解，fileuploader方法需要先初始化，然后才能触发上传，并不需要你手动触发change事件

你只需

html

<form>
  file : <input type="file" id="file" name="file">
</form>

js

$('#file').on('change' , function(){
  //这里可以做校验，返回false就不会触发下面的上传插件，否则就会触发上传
  if(!this.value || this.value.indexOf('.jpg') == -1){
    return false;
  }
});

//初始化上传插件
$('#file').fileupload({
  autoUpload : true, //这里为true，则选中文件后就会自动上传
  url : '',
  done : $.noop,
  fail : $.noop
});

Answer 2

告诉她和她今年年内追问

别闹