做前端開發的童鞋肯定會遇到這樣的需求，獲取表單裡面全部input的值。

但是也不難發現這樣的bug，給type=“file”的input標籤賦值value，然後再通過js去獲取value的時候，發現根本拿不到想要的那個值，拿到的是空字串。

通過zepto或者jquery的原始碼也可以看出來，form表單的引數序列化方法serialize

$.fn.serializeArray = function() {
    var name, type, result = [],
      add = function(value) {
        if (value.forEach) return
 
 value.forEach(add)
        result.push({ name: name, value: value })
      }
    if (this[0]) $.each(this[0].elements, function(_, field){
      type = field.type, name = field.name
      if (name && field.nodeName.toLowerCase() != 'fieldset' &&
        !field.disabled && type != 'submit'
 
 && type != 'reset' && type != 'button' && type != 'file' &&
        ((type != 'radio' && type != 'checkbox') || field.checked))
          add($(field).val())
    })
    return result
  }

  $.fn.serialize = function(){
    var result = []
    this.serializeArray().forEach(function
 
(elm){
      result.push(encodeURIComponent(elm.name) + '=' + encodeURIComponent(elm.value))
    })
    return result.join('&')
  }

也是忽略了以下幾種情況的：

1、帶有disabled屬性的；
2、type型別不是button、submit、reset、radio、checkbox、file；

要解決這個問題：

1、可以直接拿value屬性

<input type="file" name="file" value="123">

$("input[name='file']").attr("value");      //輸出"123"

2、或者通過type=”hidden”去獲取：

<input type="hidden" name="file" value="123">

$("input[name='file']").val();      //輸出"123"

ok，還有更好的方式歡迎留言一起學習討論。