具有多个输入的 JavaScript 文件 API

Question

好的，我的应用程序中有多个文件输入。我尝试获取每个文件的 API，但出现无法识别的错误。

我的代码是 HTML 格式的

 <div>
            @if(isset($images[$i]))

            <img src="{{ asset('profilepics/'.$images[$i]->name) }}" class="img-thumbnail"  width="104" height="36"   />
                @else
                <img src="{{ asset('profilepics/select_image.png') }}" class="img-thumbnail"  width="104" height="36"   />
            @endif
            <input type="file" class="fu" data-id="{{$i}}" name="image_file_{{$i}}" id="image_file_{{$i}}"  />
        <div>

Js代码为

$('.fu').click(function(){
    var x = $(this).data('id');

    fileSelectHandler(x);
});

function fileSelectHandler(x) {


    var oFile = $('#image_file_'+x).files[0];
    ...

但是在 var oFile 中，我收到错误无法识别的错误。我对 files[0] 的使用可能是错误的。任何解决方案

Answer 1

如果您需要使用files[]，您需要放置纯javascript DOM 对象，而不是jQuery 对象。您只需添加 .get(0) 即可实现检索 DOM 对象:

var oFile = $('#image_file_'+x).get(0).files[0];