我有一个表单,我正在使用jquery表单用ajax上传文件。
我遇到的问题是这样的。
表单所在的url为http://admin.kaalaphp.com?cmd=cXVKd29jMnlwYW1WajZ1anlKWFIzJTJCR2xyWkt6dEglMkJWbEt1cHNhRFYydGFvbCUyQkJxcTdTZ21hWnlobGJNejY5aw%3D%3D
但是ajax调用是http://kaalaphp.com/ajax_processes/uploadImages.php
当上传被触发时,会生成以下javascript错误。
[jquery.form] Server abort: Error: Permission denied to access property 'document' (Error)
这与跨域ajax调用有关,我想知道是否有一个快速修复方法可以让它工作。
$(document).ready(function() {
var options = {
crossDomain: true
};
// pass options to ajaxForm
$("#upload_images").ajaxForm(options);
$("#upload_images").on('change', '#media_images', function(){
$("#ajaxUploader").html("");
$("#ajaxUploader").html('<img src="http://kaalaphp.com/images/loading.gif" alt="Uploading...."/> Uploading....');
$("#upload_images").ajaxForm({
target: "#ajaxUploader"
}).submit();
});
});
感谢
尝试在uploadImages.php
文件上配置Access-Control-Allow-Origin
标头
作为白名单。。。
header('Access-Control-Allow-Origin: http://admin.kaalaphp.com, http://kaalaphp.com');
或者替代地。。。
header('Access-Control-Allow-Origin: *');
将此代码放在任何标头发送之前