colorbox加载ajax调用的html页面,window.frames["Iframe1"].document.locat...-非常好用的jquery ajax文件上传...-colorbox学...

官方网站：http://www.phpletter.com/Demo/AjaxFileUpload-Demo/

文件下载：点击这里

把下载好的文件解压后里面有ajaxfileupload.php这个文件是演示的，大家可以看看。

其中要使用ajax上传必要的引入文件有：

css文件无所谓。

在html中写入一个文件上传input和一个上传按钮

上传

在点击上传按钮时执行ajaxFileUpload()函数，所以我们还要添加这个函数的具体内容：

function ajaxFileUpload()

{

$("#loading")//这里是你要显示加载等待时的图片(默认样式为影藏)

.ajaxStart(function(){

$(this).show();

})

.ajaxComplete(function(){

$(this).hide();

});

$.ajaxFileUpload

(

{

url:'doajaxfileupload.php',//这个是要提交到上传的php程序文件

secureuri:false,

fileElementId:'fileToUpload',//这里是你文件上传input框的id

dataType: 'json',

data:{name:'logan', id:'id'},

success: function (data, status)

{

if(typeof(data.error) != 'undefined')

{

if(data.error != '')

{

alert(data.error);//如有错误则弹出错误

}else

{

alert(data.msg);//没有错误则弹出上传的信息

}

}

},

error: function (data, status, e)

{

alert(e);

}

}

)

return false;

}

doajaxfileupload.php文件上传的程序可根据个人需求编写

案例如下：

$error = "";

$msg = "";

$fileElementName = 'fileToUpload';//这个是你上传input框的名字(name属性)

if(!empty($_FILES[$fileElementName]['error']))

{

switch($_FILES[$fileElementName]['error'])//返回不同的错误信息

{

case '1':

$error = 'The uploaded file exceeds the upload_max_filesize directive in php.ini';

[3]colorbox学习笔记--iframe内嵌页面调用父页面colorbox

来源:  发布时间: 2013-11-06

常常用到iframe内嵌另一个页面，而这个页面里显示图片，当点击这个内嵌页面中的图片，让他在父级页面显示colorbox的效果

1.首先iframe内页面额代码

js：

function colorBox() {

var url = document.getElementById("bigPic").src;

window.parent.showBigPic(url);

}

html：

2.外面大页面

引用：

js:

//显示图片

function showBigPic(url) {

$.colorbox({ html: "

" });

$('div#cboxLoadedContent').css({ "border-bottom": "none", "background": "transparent" });

}

3.大功告成！

本文链接