Ajax upload, PHP script example

Join our forum today, it's free!

Register now and get access to all php class downloads!
Members are able to post new topics and comments.
Create a member profile and share your social profile links.
The abbility to follow your favorite forum topics.

PHP Script Forums » Web Developer Tutorials

(60 posts)

Tags:

Started 1 year ago by Olaf
Latest reply from Olaf

Great offers for webmaster, blogger and web developer!

« Previous 1…56

bt
Member

By the way, I inserted an error object to AJAX request and I keep getting (object Object) as a response from JSON.

Posted 1 year ago #

Olaf
PHP Coder

bt, please open a new thread for your questions and please provide us with an URL

Posted 1 year ago #

bt
Member

Olaf

This is running on my local machine so I do not have a URL.

Here is the latest of my script which I saved as upload.js. As you will see, I added an error condition to AJAX request.

$(document).ready(function() {
			$("#loading")
			.ajaxStart(function(){
				$(this).show();
			})
			.ajaxComplete(function(){
				$(this).hide();
			});
			var options = {
				beforeSubmit:  showRequest,
				success:       showResponse,
				url:       'upload4jquery.php',  // your upload script
				dataType:  'json',
				error: function(msg){
				alert( "Houston we have a problem: " + msg );
				}
			};
			$('#Form1').submit(function() {
				document.getElementById('message').innerHTML = '';
				$(this).ajaxSubmit(options);
				return false;
			});
		}); 

		function showRequest(formData, jqForm, options) {
		  var fileToUploadValue = document.getElementById('fileToUpload').value;
		  if (fileToUploadValue=="") {
		    document.getElementById('message').innerHTML = '<img src="images/warning.jpeg" width="15 height="15" /><font color="red">&nbsp; Please select a file.</font>';
		    return false;
		  }
		  return true;
		}
		function showResponse(data, statusText) {
			if (statusText== 'success') {
				if (data.img!= '') {
					document.getElementById('result').innerHTML = '<img src="upload/thumb/'+data.img+'" />';
					document.getElementById('message').innerHTML = data.error;
				} else {
					document.getElementById('message').innerHTML = data.error;
				}
			} else {
				document.getElementById('message').innerHTML = 'Unknown error!';
			}
			/*document.getElementById('message').innerHTML = 'here is what I got';*/

		}

I may send you an email, If you would like more info

Posted 1 year ago #

bmorvai
Member

Hi!

I tried to install on my localhost and on a live server, but i have encountered the same error.
When i try to submit a file, the screen just gives a blink...
Firebug says this after the submit, but disappears very quickly and demands enctype :

[Exception... "'Syntax error, unrecognized expression: [@name=fileToUpload]' when calling method: [nsIDOMEventListener::handleEvent]" nsresult: "0x8057001e (NS_ERROR_XPC_JS_THREW_STRING)" location: "<unknown>" data: no]

Please check out my live test site

Thanks in advance,
scubi

Posted 1 year ago #
Olaf
PHP Coder

Hi,

do you tried the upload script without using ajax?

Posted 1 year ago #
bmorvai
Member

Yes, it works fine. Upload demo

Posted 1 year ago #
Olaf
PHP Coder

No I meant the upload script which is used with ajax upload (just upload with form with ajax disabled)

Posted 1 year ago #
bmorvai
Member

The upload works even in ajax version. The problem is that I don't receive any response. Nor the image or error message. Without ajax everything is fine.
I found in the forum that someone has the same error.

Posted 1 year ago #
Olaf
PHP Coder

strange, I use the same code on my demo page:
http://www.finalwebsites.com/demos/php_ajax_upload_example.php

do you noticed any difference between both scripts?

Posted 1 year ago #
bmorvai
Member

I started from the beginning using your scripts.

And the reason why I can't get message and the uploaded picture is :

Permission denied to call method Location.toString

It has to do something with the links, hasn't it?

thanks for your time

Posted 1 year ago #

RSS feed for this topic

« Previous 1…56

Topic Closed

This topic has been closed to new replies.