Trying to get it working on Symfony 5.3.1 #406

sridharpandu · 2021-06-10T09:49:27Z

sridharpandu
Jun 10, 2021

I am trying to get this to work on Symfony 5.3.1 installed on local host as follows.
(documenting the sequence of steps so that its helpful to others)

Created a new synfony project
$ symfony new <project name>
Installed the oneup bundle using composer
$ composer require oneup/uploader-bundle
As per the Step 2 in accompanying Index.md the bundle has to enabled in the kernel. But then in symfony 5.x it has to be done in the config/bundles.php. It is automatically enabled and the following entry was present
Oneup\UploaderBundle\OneupUploaderBundle::class => ['all' => true],
As per the Step 3 in accompanying Index.md the bundle has to be configured. However the configuration is automatically done when the bundle is installed. I see that there are two files config/packages/oneup_uploader.yaml and config/routes/oneup_uploader.yaml
The packages/oneup_uploader.yaml contains

oneup_uploader:
    mappings:
        # This is a mapping example, remove it and create your own mappings.
        gallery:
            frontend: dropzone # or any uploader you use in the frontend

The config/routes/oneup_uploader.yaml contains

oneup_uploader:
    resource: .
    type: uploader

As per the Step 4 in accompanying Index.md . I wanted to check if the bundle is working properly using dropzone. So I crreated a HTML file called index.html and had Nginx serve it by mapping an URL. This setup is on my laptop and the oneupuploader is on the samelaptop. The contents of the index.html is as follows (I followed the instructions in frontend_dropzone.md)

<html>
<script type="text/javascript" src="https://rawgit.com/enyo/dropzone/master/dist/dropzone.js"></script>
<!-- <form action="{{ oneup_uploader_endpoint('gallery') }}" class="dropzone" style="width:200px; height:200px; border:4px dashed black"> -->
<form action="_uploader_gallery" class="dropzone" style="width:200px; height:200px; border:4px dashed black">
</form>
</html>

I connected the form action to the dynamic route that is mentioned in the config/packages/oneup_uploader.yaml . See the step 4 above.

When I load the URL and in the browser and try to upload an image I get a 404 error.

I then did an inspect element in the browser and I see the following error
Access to XMLHttpRequest at 'https://app-directory.s3.amazonaws.com/hootlet/launched-app-directory-apps.json' from origin 'http://anybank.co.in' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

I then included the following configuration in my server block
location ~* .(png|jpg)$ {
add_header Access-Control-Allow-Origin *;
}

However I continue to get the same error. Is there anything that I can do to get this working?

EDIT :
6. I updated the nginx congiguration as follows (had forgotton the simgle quotes'

        location ~* \.(json|png|jpg)$ {
                'add_header Access-Control-Allow-Origin' '*';
        }

I now get the followwg error
dropzone.js:2735 POST http://anybank.co.in/_uploader_gallery 404 (Not Found)

This means that the route configuration is incorrect. Can someone tell what could be wrong?

sridharpandu · 2021-06-10T14:30:06Z

sridharpandu
Jun 10, 2021
Author

I managed to resolve the route problem. I did a debug router to get the symfony routes
$ bin/console debug:router

Name Method Scheme Host Path

_preview_error ANY ANY ANY /_error/{code}.{_format}
_uploader_upload_gallery POST|PUT|PATCH ANY ANY /_uploader/gallery/upload

So the route configured for oneuploader was /_uploader/gallery/upload

I changed the form action in the HTML file to point to the route
http://127.0.0.1/_uploader/gallery/upload

When I tried uploading I get the following error when I inspect
Access to XMLHttpRequest at 'http://127.0.0.1/_uploader/gallery/upload' from origin 'http://anybank.co.in' has been blocked by CORS policy: Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource.
I installed and configured Nelimo CORS bundle
$ composer require nelmio/cors-bundle

Changed the allow Orgin parameter in config/packages/nalimo_cors.yaml
allow_origin: ['*']

The error remains. Working to resolve it

0 replies

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Trying to get it working on Symfony 5.3.1 #406

{{title}}

{{editor}}'s edit

{{editor}}'s edit

Replies: 1 comment

{{title}}

{{editor}}'s edit

{{editor}}'s edit

Select a reply

Trying to get it working on Symfony 5.3.1 #406

sridharpandu Jun 10, 2021

Replies: 1 comment

sridharpandu Jun 10, 2021 Author

sridharpandu
Jun 10, 2021

sridharpandu
Jun 10, 2021
Author