最近一个项目用到上传文件 用到了input因为平时项目基本没用到上传文件，期间遇到了点问题，就记录下来
html代码：要注意是通过form表单上传并且在input中是通过属性name来上传的所以，属性name不能缺少

1
2
3
4
<form action="http://gift.jac.com.cn/web/upload/picture" method="post" id="iconForm" name="fileForm" enctype="multipart/form-data">
     <input class="btn btn-default center uploadImageInput" name="file" type="file" id="upFile" />       
     <!-- <input type="button" value="上传" accept="image/*" class="upload center" onclick="checkUser();" /> -->
</form>

JavaScript代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
var _this = this;
var form = $("form[name=fileForm]");  
form.attr('action','/upload/picture');
form.attr('enctype','multipart/form-data');
var options  = {    
      dataType : "json", 
      type:'post',    
      success:function(dt){
            // _this.uploadImg(dt.url)
      },
      error : function(dt) {
      }
};    
form.ajaxSubmit(options);  //需要引入jquery-form.js库
 // $("#iconForm").submit();