jQuery iFramer is a plugin made to submit forms with a hidden iframe. Say for instance you have an Impromptu popup that contains a few form fields and a file upload. The file upload is the kicker to needing such a plugin, since you can’t upload files via old fashion ajax. Well using a simple hidden iframe and a target on our form we can submit our form into this iframe, sending the file and all. Here might be your form:


<form action="/some/url/post/" method="post" id="myform">
	<input type="text" name="somethin1" value="bla bla" />
	<input type="file" name="somethin1" value="bla bla" />
	<input type="submit" name="somethin1" value="bla bla" />
</form>

Now with our handy plugin all we need to do is tell it to use an iframe, and we’re set:


$('#myform').iframer({
	onComplete: function(data){
		alert(data); //returned data
	}
});

Pretty simple. There is also an option “iframe” which takes a string for the name and id to give the iframe(just incase you need to specify, doubt you ever do). This also might be an easy replacement for swf uploaders, although it doesn’t offer near the features, and never will. The good thing is you can easily send your entire form and not just the file upload(with swf uploaders) or just the text inputs(with standard ajax). This is the very first release, so use at your own risk. The source is very small so if you have any suggestions feel free to go ahead and make the changes while you’re at it! :)

You can download jQuery iFramer here.

Related posts:

  1. A Nice, Clean jQuery iFramer Example
  2. Handling PHP Form Arrays with jQuery
  3. jQuery iFramer gets JSON Support
  4. jQuery Impromptu 1.4 Is Here!
  5. Uber Update