form表单上传附件的几种方法

1.使用form表单进行提交

<form name="form名称" action="请求地址"  method="请求类型" enctype ="multipart/form-data">
    <input type="file" name="">
    <input type="text" name="">
    <input type="submit" value="提交">
</form>

2.使用FormData对象

function editUserInfo() {
    var formData = new FormData(document.getElementById('editUserInfo'));
    $.ajax({
      url: url,
      type: method,
      data: formData,
      processData: false,
      contentType: false,
      xhrFields: {
        withCredentials: true
      },
      crossDomain: true,
      success: function (obj) {
        // ...
      },
      error: function (obj) {
        // alert('服务器请求失败');
      }
    })
  }

3.使用jquery.form.js

jquery.form.js是一个强大的表单插件，其大量的提供了表单操作的各种简便的方法
前提先引入jquery.form.js插件
详细信息请参考http://jquery.malsup.com/form/
// ajaxSubmit提交form表单
  function updateUserInfo() {
    $('#表单ID').ajaxSubmit({
      url: url,
      type: 'POST',
      //data: $('表单ID').serialize(),
      //processData: false,
      //contentType: false,
      xhrFields: {
        withCredentials: true
      },
      crossDomain: true,
      success: function (obj) {
        // ...
      },
      error: function (obj) {
        // alert('服务器请求失败');
      }
    });
  }

--------------------- 
作者：h_opingocean 
来源：CSDN 
原文：https://blog.csdn.net/u010568344/article/details/73498579