javascript - 从输入文件中获取选定的文件

Question

我正在尝试将输入文件中的选定文件放入表单提交时新创建的“formData”中，以下是我尝试过的操作。

首先我有表格

<form action="/upload.php">
    <fieldset>
        <input type="file" name="file">
        <input type="text" name="full_name">
    </fieldset>
    <button>SEND</button>
</form>

然后是脚本

$(document).ready(function(){
    $("form").submit(function(e){
        e.preventDefault();
        var dis = $(this),fdata = new FormData();
        fdata.append('file',dis.find('input[type="file"]').files[0]);
        fdata.append('full_name',dis.find('input[name="full_name"]').val());
    });
});

但它给了我这个错误

Uncaught TypeError: Cannot read property '0' of undefined

有什么帮助、想法吗？

Answer 1

由于 dis.find('input[type="file"]') 返回 jQuery 对象，并且它们没有 files 属性，因此您会收到错误，您需要获取底层 DOM 元素，然后访问该属性。所以使用

dis.find('input[type="file"]')[0].files[0]

而不是

dis.find('input[type="file"]').files[0]