"http error" when using Uploadify plugin for JQuery

Question

I'm using the plugin from here: http://www.uploadify.com/

I have setup a simple test case, select a file etc & I get a "HTTP Error" when I try to upload.

Here is the relevant code from my header..

<script type="text/javascript" src="../js/jquery.js"></script>
<script type="text/javascript" src="../js/swfobject.js"></script>
<script type="text/javascript" src="js/jquery.uploadify.v2.1.0.min.js"></script> 
<link href="css/reset.css" rel="stylesheet" type="text/css" />
<link href="css/admin.css" rel="stylesheet" type="text/css">

<script type="text/javascript">
$(document).ready(function() {
    $('#sampleFile').uploadify({
        'uploader': 'include/uploadify/uploadify.swf',
        'script': 'upload_test.php',
        'folder': '/work/avais/bizlists/lists',
        'cancelImg': 'include/uploadify/cancel.png'
    });
});
</script>

</head>

.. and here is my html code..

<div id="upload_wrapper">
    <input type="text" name="full_name" /><br />
    <input id="sampleFile" name="sampleFile" type="file" />
    <input type="button" name="upload" value="Upload" onclick="javascript:$('#sampleFile').uploadifyUpload();" />
</div>

I would provide the link but it's inside an admin area.

I couldn't find any documentation on troubleshooting errors on this plugin.

Edit: I checked it with fiddler & it seems I'm getting a "Response Code 413 - Request Entity Too Large" error.

Edit: Problem fixed.... it was an issue with some stuff I had in the .htaccess file, probably the "LimitRequestBody".

Answer 1

I got a different http error: HTTP undefined or HTTP 500. After 4 hours of searching the web, I found the answer.

It is because the server uses Mod_Security. To turn it off, add these lines to .htacess file

<Ifmodule mod_php5.c>
SecFilterEngine "off"
SecFilterScanPOST "off"
</Ifmodule>

Credit: scaturan posted on http://gallery.menalto.com/node/94614