I am trying to build a simple file uploader using jquery. I tested it on my server without Symfony2 and it works.
I use two simple controllers:
/**
* @Route("/")
* @Template()
*/
public function indexAction()
{
return array();
}
/**
* @Route("/new_project", name="newproject")
* @Method("POST")
*/
public function newProjectAction()
{
$entity = new test();
$entity->setName('test');
$em = $this->getDoctrine()->getManager();
$em->persist($entity);
$em->flush();
return new Response('<html><body>added</body></html>');
}
And my index view
{% extends '::base.html.twig' %}
{% block script %}
<script type="text/javascript">
<!--
$(document).ready(function() {
var options = {
target: '#message', //Div tag where content info will be loaded in
url: {{ path('newproject') }}, //The php file that handles the file that is uploaded
beforeSubmit: function() {
$('#uploader').html('<img src="ajax-loader.gif" border="0" />'); //Including a preloader, it loads into the div tag with id uploader
},
success: function() {
//Here code can be included that needs to be performed if Ajax request was successful
$('#uploader').html('Plik przesłany');
}
};
$('#upload').submit(function() {
$(this).ajaxSubmit(options);
return false;
});
});
//-->
</script>
{% endblock %}
{% block body %}
<div id="message"></div>
<form name="upload" id="upload" action="#" method="POST" enctype="multipart/form-data">
<table cellpadding="4" cellspacing="4" border="0">
<tr>
<td colspan="2"><h1>Upload File via Ajax</h1></td>
</tr>
<tr>
<td nowrap>File:</td>
<td nowrap><input type="file" name="fileToUpload" id="fileToUpload" /></td>
</tr>
<tr>
<td nowrap colspan="2"><input type="submit" id="uploadFile" value="Upload File" /></td>
</tr>
</table>
</form>
<div id="uploader"></div>
{% endblock %}
Could you tell my why it isn't working?
