Ajax form - image upload | access denied in ie
-
26-10-2019 - |
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.
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.