Okay, I am about to pull my hair out here. I've been trying two different file uploader libraries, Blueimp's jQuery file uploader and Valums file uploader. I can't get an upload button to appear on my page with either of them. I am trying to put it inside of a form within a jQuery accordion div. I must have some problem with my code that's preventing it from showing up in my target div, but I get nothing whatsoever as far as errors in the console. Just nothing shows up. Any ideas? Here's the Blueimp version of my code:
HTML:
<div id="photo" class="additionsDiv"><br />
URL:
<input type="text" name="photourl" size="40"></input>
or
<div id="photoUpload">
<noscript>
<input name="photoUpload" type="file" size="0" /></input>
</noscript>
</div>
</div>
Javascript:
function addUploaders() {
$('#photoUpload').fileupload();
};
Linked files included:
<link type="text/css" href="libraries/blueimp/css/jquery.fileupload-ui.css" rel="stylesheet" />
<script type="text/javascript" src="libraries/blueimp/js/jquery.fileupload.js"></script>
<script type="text/javascript" src="libraries/blueimp/js/jquery.fileupload-fp.js"></script>
<script type="text/javascript" src="libraries/blueimp/js/jquery.fileupload-ui.js"></script>
<script type="text/javascript" src="libraries/blueimp/js/main.js"></script>