Question

I'm creating a facebook application, and want to implement an ajax-like picture upload using the jquery form plugin. Everything is ok in chrome/ff but in iexplorer i get the folowing error:

Message: Access Denied   
Line: 349  
Char: 5  
Code: 0  
URI: http://application.my_domain.gr/apps/new_app/js/jquery.form.js 

I am aware of the cross domain issues, but can't understand why this is happening, since all scripts i'm curently using are on the same domain.
Here's how i've done it working in firefox/chrome:

<html>
<head>
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/jquery.form.js"></script>
</head>
<body>

<form id="imageform" method="post" enctype="multipart/form-data" action='ajaximage.php'>
        <input type="file" name="photoimg" id="photoimg" />
</form>
<div id='preview'>
</div>

<script>
$('#photoimg').bind('change', function() { 
                    $("#preview").html('');
                    $("#preview").html('<img src="img/loader.gif" alt="Upload in progress"/>');
                    $("#imageform").ajaxForm({
                                        target: '#preview',
                                        success:    function() { 
                                                $("#preview img").attr("id", "uploaded_img");
                                        }
                    }).submit();


            });
</script>
</body>
</html>

Any ideas why this is happening?
Thanks in advance.

Was it helpful?

Solution

OK, it's a while since I posted the question, but here's what finally worked for me:

I just added my domain to "App Domains" in the app's Basic Settings (Basic Info section) and everething worked ok!

OTHER TIPS

IE will shows error if you are doing an ajax call from a secure page (https) to non secure page or vice ver.

Make sure all the urls, page url and ajax url are all with the same security.

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top