我正在尝试让 jquery csv to table 插件与 jquery 文件上传插件一起使用(请参阅http://code.google.com/p/jquerycsvtotable/)。它支持上传 CSV 文件,并在成功上传后(使用 JQuery 文件上传)立即将其呈现为同一页面上的 HTML。当我按照下面的示例设置 $filePath 时,这可以正常工作。但是,我希望将此值作为隐藏字段传递并使用 .attr 方法检索它。但是,当我这样做时,CSV to table 似乎无法正确呈现,并且页面似乎与 loadingImage 一起挂起(更新仍然有效),并且未执行“loadComplete”功能(根据下面示例中的警报)。
我可以让它工作如下(见粗体线):
}).bind('fileuploadcompleted', function (e, data) {
var $filename = $.trim($('#fileupload td.name').text());
**var $filePath = 'bundles/jqueryfileupload/users/';
//var $filepath = $('#upload_path_id').attr('value');**
$.get($filePath + $filename, function(data) {
$('#CSVSource').html('<pre>' + data + '</pre>');
});
$('#CSVTable').CSVToTable($filePath + $filename,{
loadingImage: 'bundles/jqueryfileupload/img/loading-table.gif',
startLine: 0 }
).bind("loadComplete",function() {
alert('load complete!');
$('button.btn.import').removeClass('disabled').addClass('ready');
$('div.alert.alert-info').show();
});
知道如何解决这个问题吗?
更新:看起来问题存在,因为我正在检索绝对路径,而将 csv 呈现为 HTML 的 ajax 调用失败了。我正在使用 Laravel 并更新了 paths.php 文件以包含以下条目:
// --------------------------------------------------------------
// The path to the storage/users directory.
// --------------------------------------------------------------
$paths['user_files'] = 'storage/users';
然后在我的视图文件中,我将文件路径作为隐藏字段传递,如下所示:
<input type="hidden" id="upload_path_id" name="upload_path" value={{ path('user_files') }}>
所以我的问题是,如果我在我的机器上本地同时使用 Laravel 和 Xampp,有没有办法让它与 ajax 一起作为相对路径或其他方式工作?我在上面使用的文件夹是 Laravel 的一部分(即在“存储”下),并且位于公共目录之上。
对此的任何帮助将不胜感激。