帶有多輸入的JavaScript文件API

好吧，我在我的應用程序中有多個文件輸入。我試圖爲它們中的每一個獲取文件Api，但是我得到了不明的錯誤。帶有多輸入的JavaScript文件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我得到錯誤識別的錯誤。我使用的文件[0]可能是錯誤的。任何解決方案

來源

2016-02-04 Vladimir Stus

請檢查您的某個圖像，並提供已生成的HTML。 –

tnx解答與下面的答案請投票上去 –

如果您需要使用files[]，則需要將pure-javascript DOM對象，而不是jQuery對象。您可以實現只添加.get(0)以檢索DOM對象：

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

來源

2016-02-04 12:55:53

你好你在線幫助我 –

帶有多輸入的JavaScript文件API

回答

相關問題