www.webdeveloper.com
Results 1 to 2 of 2

Thread: Mootools File Upload Ajax

  1. #1
    Join Date
    Aug 2010
    Posts
    27

    Mootools File Upload Ajax

    I am creating an ajax uploader with mootools. When I remove the ajax and simply upload the form I get $_FILES with the file data present. But when I use the ajax version, the $_FILES super global is empty. Every other part of the form is present. It acts as if it does not send the image at all but only in the ajax version. Any help is appreciated.
    Thanks!

    Code:
    <?php include('layout/head.tpl'); ?>
       <!-- ******CONTENT encompasses the ALL content****** -->
       <div id="content">
    		<form id="add_pod" action="add_pod.php" enctype="multipart/form-data" method="post">
    		<?php
    			echo $form->input('category');
    			echo $form->input('name');
    			echo $form->input('src');
    			echo $form->textarea('description');
    			echo $form->textarea('short_description');
    			echo $form->upload('image');
    			//echo $form->upload('thumb');
    		?>
    		<input type="submit" class="submit" name="add_product" value="Add Product" />
    		</form>
    		<div id="response"><!-- Ajax Response --></div>
    		<div class="clrboth"></div>
    	</div><!-- end content -->
    </div><!-- end wrapper -->
    <!-- ******FOOTER****** -->
    <script type="text/javascript">
    window.addEvent('domready', function(){
    	$('add_pod').addEvent('submit', function(e) {
    		//Prevents the default submit event from loading a new page.
    		e.stop();
    		//("this" refers to the $('add_pod') element).
    		this.set('send', {onComplete: function(response) {
    			$('response').set('html', response);
    		}});
    		//Send the form.
    		this.send();
    	});
    });
    </script>
    <?php include('layout/footer.tpl') ?>

  2. #2
    Join Date
    Aug 2010
    Posts
    27
    bump

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles