Kartikファイル入力で画像をアップロード

Question

こんにちは私はファイルのアップロードを仕事にしようとしていますが、アップロードボタンを起動する方法はわかりません。

私が使用しています：https://github.com/kartik-v/yii2-widget-fileinput

マイコード：

<form class="form-horizontal form-label-left"> 
    <div class="form-group"> 
     <label class="control-label">Select File</label> 
     <input id="input-0a" class="file" type="file" data-allowed-file-extensions='["jpg", "png", "gif", "tiff", "bmp"]'> 
    </div> 
</form> 

とスクリプトを：ファイルが、私はすべてのデータを取得ロードされ

<script type="text/javascript"> 
     $(document).ready(function() { 

     // CATCH RESPONSE 
     $("#input-0a").on('fileloaded', function(event, file, previewId, index) { 
      alert('i = ' + index + ', id = ' + previewId + ', file = ' + file.name); 
     }); 

     }); 
    </script> 

。しかし、どうすればアップロードボタンを起動できますか？

Answer 1

これを試してみてください：

$("#input-0a").on('fileloaded', function(event, file, previewId, index) { 
     alert('i = ' + index + ', id = ' + previewId + ', file = ' + file.name); 
     $(this).closest('form').submit(); 
}); 

Answer 2

あなたはそれが動作しません。この

$("#input-0a").fileinput({ 
    uploadUrl: "url to upload", 
}).on("filebatchselected", function (event, files) { 
    // trigger upload method immediately after files are selected 
    $("#input-0a").fileinput("upload"); 
});