我会将 jquery 插件内容放入web/bundles/<your bundle name>/js/jquery-file-upload
. 然后我会配置脚本(检查选项配置)以在以下位置查找 index.php 文件:/bundles/<your bundle name>/js/jquery-file-upload/server/php/index.php
.
当然,您必须修改该 index.php 文件以检查用户是否已登录以及他是否具有正确的权限。
例如,这是我在测试环境中所做的:
我将此操作添加到控制器:
/**
* @Route("/test/jquery-file-upload")
* @Template("<your bundle name>:Default:test-jquery-file-upload.html.twig")
*/
public function testJqueryFileUploadAction()
{
return array();
}
我创建了这个模板:
<input id="fileupload" type="file" name="files[]" data-url="{{ asset('bundles/<your bundle name>/jquery-file-upload/server/php/index.php') }}" multiple>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script src="{{ asset('bundles/<your bundle name>/jquery-file-upload/js/vendor/jquery.ui.widget.js') }}"></script>
<script src="{{ asset('bundles/<your bundle name>/jquery-file-upload/js/jquery.iframe-transport.js') }}"></script>
<script src="{{ asset('bundles/<your bundle name>/jquery-file-upload/js/jquery.fileupload.js') }}"></script>
<script>
$(function () {
$('#fileupload').fileupload({
dataType: 'json',
done: function (e, data) {
$.each(data.result, function (index, file) {
$('<p/>').text(file.name).appendTo(document.body);
});
}
});
});
</script>