type=fileでvalue値が取得されないことを解決
3638 ワード
フロントエンドで開発された子供靴は、フォーム内のすべてのinputの値を取得する必要があります.
しかし、このようなバグを発見するのは難しくなく、type=「file」のinputラベルにvalueを付与し、jsでvalueを取得したとき、欲しい値がまったく取れず、空の文字列を取得したことに気づいた.
zeptoやjqueryのソースコードからも分かるように、formフォームのパラメータシーケンス化方法serialize
次のような状況も無視されています.
1、disabled属性を持つ;2、typeタイプはbutton、submit、reset、radio、checkbox、fileではありません.
この問題を解決するには、次の手順に従います.
1、value属性を直接持つことができる
2、またはtype="hidden"で取得します.
OK、もっと良い方法があります.伝言を歓迎して一緒に討論を勉強します.
しかし、このようなバグを発見するのは難しくなく、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属性を直接持つことができる
"file" name="file" value="123">
$("input[name='file']").attr("value"); // "123"
2、またはtype="hidden"で取得します.
type="hidden" name="file" value="123">
$("input[name='file']").val(); // "123"
OK、もっと良い方法があります.伝言を歓迎して一緒に討論を勉強します.