我有一个简单的HTML表单,只有一个文件上传输入框。 (jsfiddle)
过去,我使用input.files
访问用户选择的文件,但是我不知道如何在JQuery中实现这个功能;
代码:
$(function () {
$("#cmdSubmit").bind("click", function () {
var file = document.getElementById("fileInput").files[0];
alert(file); //A
file = $("#fileInput").val();
alert(file); //B
file = $("#fileInput").files[0];
alert(file); //C
});
});
选项A返回我期望的文件对象,但是选项B只给出上传文件的名称,至少目前看起来是这样,没有获取到文件本身。
选项C显示files
未定义。
JQuery中与input.files
等效的是什么?
注意:我不反对使用原生JavaScript;但考虑到我在项目其余部分中都在使用JQuery,如果可能的话我更愿意在这里也使用它。
.prop('files')[0]
比.attr('file')
更可能有效。 - Ja͢ck