I want make an uploading system with ajax [none page reload]
I have search on google, found some thing, upload in iframes , File API etc...
Old browsers havent file API, and I have some problems with iFrame uploading in IE ,
Is there any way to make it with working in all browsers?
Since your tags include jquery, I would suggest that the best solution for you would be the jQuery Form Plugin.
This plugin makes it very easy to work with forms via ajax, including forms with file upload fields. You don't need to worry about the browser API or whether it supports it or not; the plugin deals with all that behind the scenes.
There are good examples on the plugin's website, and I can confirm it works well as I've just implemented it in a project myself.
Hope that helps.
Use Uploadify. It's really simple and looks great.
http://www.uploadify.com/
Related
I'm making an web app that allow user to input form and generate word document. The form is relatively complex and I use a lot of jQuery and jQuery Mobile framework. I try to plugin the demo from opentbs ut it seems like it doesn't do anything when I have:
<script src="http://code.jquery.com/mobile/1.3.1/jquery.mobile-1.3.1.min.js"></script>
when I comment it out it looks fine.
Does any one has problem like that?
I also having problem to find the resources of how to modify the template within the docx.
I know here like variable that so I can modify it through php form but is there more detail documentation for it?
I found that there's nothing to do with opentbs it was jQuery that is assuming the post is ajax request therefore I cannot have file download (I am not sure if I am explaining it 100 percent correctly). However, I found the work around: put the script below right before jQuery Mobile script. It works for me.
<script>$(document).bind("mobileinit", function(){$.mobile.ajaxEnabled = false;});</scipet>
or this link in your htnl tag:
<a href="download.php?file=test.txt" rel="external">test.txt<a>
I know this has been asked by a few people but I haven't seen the answer. I have a php upload form for a file upload in a div tag. Is it possible to submit the form and upload the file without a page refresh? I haven't found the plugins to work because I want to submit the form with a title and other data attached as well. Any suggestions? I looked at using an iframe, but i'm not sure it will work in an upload.php wrapped in a div tag?
Here is the most simple solution you can use: Image upload without page refresh.
No obligation to use the javascript part, but it gives you the opportunity to show a notice that the transfer has been correctly done.
If you are open to jQuery and want a more open solution, I suggest you to take a look at the jQuery Form Plugin that can manage it all for you, with some extras that could be interesting.
My favourite tool for this is Uploadify. It includes real-time progress indicators, drag-and-drop, etc.
There are other, older solutions as well, including this one. That page has a simple demo that may provide a good example for how to do this on your own.
Honourable mention goes to Dave Walsh's facebook-lightbox, into which you might be able to put a file upload form. Worth a try if you like the look.
Try using something like AIM (http://www.webtoolkit.info/). And you should really get a little more experience on html, php and js.
spent hours on end searching the net but it seems im looking for one thing and finding another, either that or what i want just cannot be done. i do not want to re-style the <input type="file"> i want to create a custom button that brings up a browse window, lets the user select a file of certain types, populates a seperate text box with the file name and stores the rest of the information in a way that could be passed to a php upload script after the user has filled in the rest of the form. So in other words i want to re-invent the <input type="file">.
http://www.uploadify.com/demos/
Uploadify is a powerful and highly-customizable file upload script. In its simplest form, Uploadify is easy to get up and running with minimal effort and little coding knowledge.
Uploadify can also be modified to suits the needs of more advanced developers via the arsenal of custom options that are available.
http://www.uploadify.com/documentation/
buttonImg parameter : we can give the image/text which we wanted to show ie we can customize browse button.
This can't be done in regular html, but possible to do using flash or silverlight etc. You might want to have a look at Plupload, which is a fairly foolproof upload solution in my opinion.
This is not possible, the browse button is implemented in a very secure way, not allowing it to be styled or to do any tricks with it. This is because it could in some way allow the developer to trick the user in uploading a different file then intended.
in simple php its possible.
try this
+Create Album
I have created a file-upload form and I want to output "filetransfer succeeded" in a <div> when the file transfer is done.
This is easilly done on a normal form using Jquery and Ajax but since this is a file upload it is not possible to use ajax.
So how do I upload a file and give feedback back to the user?
Consider looking at uploadify or swfupload.
I have personally used uploadify and you can do:
$('input[type=file]').MultiFile({
list: '#DIV to update'
});
jQuery actually has a pretty slick plugin called uploadify that'll let you do this. Alternately the iFrame solution Emil suggested will work as well without any outside libraries.
You can do it in an iframe.
I am building a web site which supports IPhone also. Now I am quite confused as to find a way to upload the IPhone photos to my website.
Also it seems the "input type text" also doesnt work in IPhone. Have anybody worked on it....please suggest.
If you want to handle photo/video uploads using iPhone's Safari, you can integrate with something like cliqcliq Quickpic. The support page has a bunch of details: https://www.cliqcliq.com/support/quickpic/ and it's just a bit of Javascript.
Text inputs work on the iPhone, however jQTouch has a weird way of handling forms and page loads for that matter. Basically it reloads just the "content" part of the page.
You have a couple of form examples in the jQTouch download. Try looking at what's happening when you submit forms with Firebug ( http://getfirebug.com ) and also try to log what your server receives from your forms.
Mostly, please remember that you only need to serve part of a page for jQTouch.
Good luck with your app.