Question

在previous question我解释说我想在Symfony实体中存储图像（至少是文件名）。

我按照答案在我的项目中安装了 ComurImageBundle ，方法是按照自述文件中的tutorial进行操作。

它似乎运行良好，因为它显示选择图像的按钮和图像的插槽。但按钮什么也没做。控制台打印错误：

TypeError：$（...）。fileupload不是函数

它附加在 $（＆＃39;＃image_upload_file＆＃39;）。fileupload（ comur.imageLibrary.js 文件中的{... 行）。

我知道导入订单很棘手。我是这样做的：

<head>
...
    <!-- Latest compiled and minified CSS -->
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

    <!-- Optional theme -->
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

    <!-- Latest compiled and minified JavaScript -->
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</head>

<body>
  {% include "ComurImageBundle:Form:croppable_image_modal.html.twig" %}
  <script src="{{ asset('bundles/fosjsrouting/js/router.js') }}"></script>
  <script src="{{ path('fos_js_routing_js', {"callback": "fos.Router.setData"}) }}"></script>

 {my form with the button}
...

希望有人已经面临这个问题...

感谢您的回答。

Answer 1

我在另一篇文章中看到了你的评论并选择在这里回答你，如果你正在使用树枝形式和块，那么

1 / 你必须像这样在“body block”下调用Comur图像

{％block body - ％}

{% include "ComurImageBundle:Form:croppable_image_modal.html.twig" with {'include_jquery': false, 'include_bootstrap': false} %}

（你的表格） ....

{％endblock％}

2 / 对于Js文件调用，您必须在“javascript block”下调用它们，并且不要忘记路由Web调用，如下所示：

{% block javascripts %}

<script src="{{ asset('bundles/fosjsrouting/js/router.js') }}"></script>
<script src="{{ path('fos_js_routing_js', {"callback": "fos.Router.setData"}) }}"></script>
<script>var routeweb = "{{ app.request.getSchemeAndHttpHost() }}{{ app.request.getBaseURL() }}";</script>
{% endblock %}

3 / 为了保证图片上传，请尝试直接在网络上访问您的表单，意味着访问

本地主机/ your_project /网络/ your_route /新

虽然这个

本地主机/ your_project /网络/ app_dev / your_route /新

ComurImageBundle - $（...）。fileupload不是函数

1 个答案: