如何使用Summernote上传Excel文件？

Question

我正在我的网站上实现CMS工具，并且我正在使用Summernote Editor。现在我想使用Summernote上传Excel文件。如何使用Summernote上传Excel文件？

以下是为文件上传创建自定义按钮的代码。单击该按钮打开一个文件浏览器，从中我可以选择文件，但我没有得到下一步显示路径或名称（＆＃34;〜/ uploads / abc.xls＆＃34; / abc.xls）的在编辑器中选择文件，让用户知道选择已完成。使其可编辑也就是说，如果用户想要更改文件，他只需删除文件并选择其他文件。

     var editor = $('#Contents');
        editor.summernote({
            focus: false,
            oninit: function () {

                var uploadExcelFileBtn = '<button id="uploadFile" type="button" class="btn btn-default btn-sm btn-small" title="Upload File"><i class="fa fa-upload"></i></button>';
                var fileGroupNew = '<div class="note-file btn-group">' + uploadExcelFileBtn + '</div>';

                $(fileGroupNew).appendTo($('.note-toolbar'));

                $('#uploadFile').tooltip({ container: 'body', placement: 'bottom' });

                $('#uploadFile').click(function (event) {
                    $("#file").click();

                    $(":file").change(function (evt) { 
                        var file = evt.target.files; //Here I get the file
                    });

                });
            },

        });