Javascript | phper `blog

JQuery图片上传插件Uploadify使用详解

By admin 2014年5月4日 Javascript No Comments

3080

Uploadify简单说来，是基于Jquery的一款文件上传插件。

<link rel="stylesheet" type="text/css" href="uploadify.css" />

<script type="text/javascript" src="jquery-1.7.2.js"></script>

<script type="text/javascript" src="jquery.uploadify.min.js"></script>

<meta charset="UTF-8">

<!--上传照片-->
<script type="text/javascript">
$(function() {
//图片上传
$('#file_upload').uploadify({
'swf'      : 'uploadify.swf',
'uploader' : 'uploadify.php',
'buttonText':"上传图片",
'multi':true,
'height':20,
'width':60,
'multi':false,
'onUploadSuccess' : function(file, data, response) {
$('#' + file.id).find('.data').html(' - 上传完成');
$("#seek_pic").val(data);
$('#img').attr('src',"http://localhost/Uploadify/demo/uploads/"+data);
},
auto:true,
'fileSizeLimit' : '1024KB',
'fileTypeExts' : '*.gif; *.jpg; *.png; *.jpeg',
formData : { 'PHPSESSID' : '5102dbe30d3b47ec2431a6cd189b151d' }
});

});

</script>
<!--上传图片结束-->

<input type="file"  name="filedata" id="file_upload" />
<img id="img" width="500px" src="">

$(function() {

//图片上传

$('#file_upload').uploadify({

'swf' : 'uploadify.swf',

'uploader' : 'uploadify.php',

'buttonText':"上传图片",

'multi':true,

'height':20,

'width':60,

'multi':false,

'onUploadSuccess' : function(file, data, response) {

$('#' + file.id).find('.data').html(' - 上传完成');

$("#seek_pic").val(data);

$('#img').attr('src',"http://localhost/Uploadify/demo/uploads/"+data);

auto:true,

'fileSizeLimit' : '1024KB',

'fileTypeExts' : '*.gif; *.jpg; *.png; *.jpeg',

formData : { 'PHPSESSID' : '5102dbe30d3b47ec2431a6cd189b151d' }

});

</script>

百度网盘下载地址:http://pan…

jQuery中cookie插件获取设置删除cookie

By admin 2014年5月4日 Javascript No Comments

2518

cookies 是一个强大的 jQuery 用来操作 Cookie 的插件。

<?php
//php设置cookie
setcookie('ttt111','222',time()+10000,'/','localhost');

?>
<html>
<head>
<meta charset="UTF-8">
<title>JQuery-Cookie插件</title>
<script type="text/javascript" src="jquery-1.8.3.js"></script>
<script type="text/javascript" src="jquery.cookie.js"></script>
</head>
<body>
<a href="#">设置cookie1</a><br>
<a href="#">设置cookie2</a><br>
<a href="#">获取cookie</a><br>
<a href="#">删除cookie</a><br>
</body>
</html>
<script type="text/javascript">
$(function(){
var COOKIE_NAME = 'test_cookie';
//设置cookie，通过时间间隔
$('a').eq(0).click(function() {
$.cookie(COOKIE_NAME, 'test', { path: '/', expires: 1 });
return false;
});
// 设置cookie，到期时间
$('a').eq(1).click(function() {
var date = new Date();
date.setTime(date.getTime() + (1 * 24 * 60 * 60 * 1000));
$.cookie(COOKIE_NAME, 'test', { path: '/', expires: date });
return false;
});
// 获取 cookie
$('a').eq(2).click(function() {
alert($.cookie(COOKIE_NAME));
return false;
});
// 删除cookie
$('a').eq(3).click(function() {
$.cookie(COOKIE_NAME, null, { path: '/' });
return false;
});
});
</script>

<?php

//php设置cookie

setcookie('ttt111','222',time()+10000,'/','localhost');

<html>

<head>

<title>JQuery-Cookie插件</title>

</head>

<body>

<a href="#">设置cookie1</a><br>

<a href="#">设置cookie2</a><br>

<a href="#">获取cookie</a><br>

<a href="#">删除cookie</a><br>

</body>

</html>

$(function(){

var COOKIE_NAME = 'test_cookie';

//设置cookie，通过时间间隔

$('a').eq(0).click(function() {

$.cookie(COOKIE_NAME, 'test', { path: '/', expires: 1 });

return false;

});

// 设置cookie，到期时间

$('a').eq(1).click(function() {

var date = new Date();

date.setTime(date.getTime() + (1 * 24 * 60 * 60 * 1000));

$.cookie(COOKIE_NAME, 'test', { path: '/', expires: date });

return false;

});

// 获取 cookie

$('a').eq(2).click(function() {

alert($.cookie(COOKIE_NAME));

return false;

});

// 删除cookie

$('a').eq(3).click(function() {

$.cookie(COOKIE_NAME, null, { path: '/' });

return false;

});

</script>

百度网盘下载:http://…

jQuery ZeroClipboard利用swf实现的复制粘贴功能(兼容各浏览器 )

By admin 2014年5月4日 Javascript No Comments

4700

常规利用JS编写的网页复制功能只对IE有效，无法做到兼容其它浏览器。 ZeroClipboard它利用 Flash 进行复制，所以只要浏览器装有 Flash 就可以运行。 [crayon-663959…