七牛云单页面上传图片的功能

原创 2014年03月20日 15:17:08
<?php
date_default_timezone_set("Asia/Shanghai"); //设置时区

//插入七牛云的类库
require_once('../../library/qiniu/rs.php');
require_once('../../library/qiniu/http.php');
require_once('../../library/qiniu/auth_digest.php');
require_once('../../library/qiniu/utils.php');	

$bucket = "qn";
$domain = 'qn.qiniudn.com';
$accessKey = 'ak';
$secretKey = 'sk';
    
Qiniu_SetKeys($accessKey, $secretKey);
$client = new Qiniu_MacHttpClient(null);    //查询是否已存在链接

//$deadline = time() + 315360000;
$deadline = 1735660800;	//2025-01-01 00:00:00
/***** 10 年有效 *****/
$keyEsc = rawurlencode($_GET['filename']);
$baseUrl = "http://$domain/$keyEsc";

$pos = strpos($baseUrl, '?');
if ($pos !== false) {
	$baseUrl .= '&e=';
} else {
	$baseUrl .= '?e=';
}
$baseUrl .= $deadline;
$sign = hash_hmac('sha1', $baseUrl, $secretKey, true);
$token = $accessKey . ':' . Qiniu_Encode($sign);
$thisurl = "$baseUrl&token=$token";
//echo $thisurl;

$putPolicy = new Qiniu_RS_PutPolicy($bucket);
//$putPolicy->ReturnUrl = $thisurl;
$upToken = $putPolicy->Token(null);
//echo $upToken; 

?>
<html>
<head>
<script type="text/javascript" src="../../static/js/jquery-1.11.0.min.js"></script>
<script type="text/javascript">
$(function(){
	$('.upload-pic-btn').on('click', function() {
		$('#image-input').click();
	});

	$('#image-input').change(function(event) {
		var file = this.files[0];
		if (file == null) {
			return;
		}else{
		
		<?php 
			//如果已经存在图片,则删除网盘中的图片再上传新的图片。
			//list($ret, $err) = Qiniu_RS_Stat($client, $bucket, $_GET['filename']); //判断是否已存在img
			Qiniu_RS_Delete($client, $bucket, $_GET['filename']);
		?>
		}
		$("label").remove();
		
		var formData = new FormData();
		formData.append("file", file);
		formData.append("token", "<?php echo $upToken; ?>");
		formData.append("key", "<?php echo $_GET['filename']; ?>");

		$.ajax({
			url: 'http://up.qiniu.com/',  //Server script to process data
			type: 'POST',
			success: function (data) {	
				//var imgurl = data["x:imgurl"];
				//$("button").after("<br /><label><?php echo $thisurl; ?></label>");
				window.location.href="admin.php?action=upload&ctrl=exeqn&inid=<?php echo $_GET['inid']; ?>&url=<?php echo urlencode($thisurl); ?>";
			},
			error: function () {
				//location.reload();
				$("button").after("<br /><label><b>上传失败</b></label>,<a href='<?php echo $_SERVER["REQUEST_URI"]; ?>'>重新载入页面上传。</a>");
			},
			// Form data
			data: formData,
			//Options to tell jQuery not to process data or worry about content-type.
			cache: false,
			contentType: false,
			processData: false
		});
	});
});
</script>
</head>
<body>
<button name="imageFile" class="upload-pic-btn">上传图片</button>
<input type="file" id="image-input" style="display:none">
</body>
</html>

七牛云简单上传图片 展示

图片上传7牛云及展示 上传 ...
  • chen782079048
  • chen782079048
  • 2017年05月18日 15:04
  • 1596

七牛云存储java上传图片

1、注册七牛云存储账号 2、添加对象存储 3、新建java或javaWeb项目 导入七牛云存储需要jar包 gson okhttp okio qiniu-java-sdk-7.1.3.jar 下载地...
  • plgy_Y
  • plgy_Y
  • 2016年09月27日 19:24
  • 4172

利用七牛云如何上传图片制作外链?

外链简单的说就是网站外部的链接即一个网站的外部所有指向该网站的链接,不管是锚文字链接还是网址链接都是外链的一种。 之前用百度云盘制作图片的外链,结果竟然被和谐了。个人觉得百度制作图片外链的限制很多,说...
  • qq_36305327
  • qq_36305327
  • 2017年05月10日 20:08
  • 3672

Android开发之--上传图片到七牛云存储

前段时间做个人中心页面时,添加了头像上传功能,当时使用的是七牛的云存储,个人感觉还不错。所以就总结一下Android使用七牛云存储的图片上传,具体的图片选择过程可参见我的另一篇文章Android之图片...
  • Angel_jn
  • Angel_jn
  • 2017年05月25日 10:21
  • 628

web上传图片到七牛云服务器

本文通过java web的使用,把要上传的图片通过浏览器上传到服务器上面. ` 文本仅供参考,可能出现很多不合理;` 1 创建对应的jsp页面: 下面是jsp下面的对应的from表单,...
  • Xs15073722800
  • Xs15073722800
  • 2016年10月12日 14:11
  • 3591

七牛云ajax上传图片(MultipartFile 转file)

前台代码: 用了ajaxfileupload.js插件(https://github.com/search?utf8=%E2%9C%93&q=ajaxfileupload.js) ...
  • lglglgl
  • lglglgl
  • 2017年01月08日 20:08
  • 1909

laravel5中使用七牛云存储、上传图片

安装 composer require itbdw/laravel-storage-qiniu config/app.php 里面的 providers 加上一行  itbdw\QiniuStor...
  • fangdong88
  • fangdong88
  • 2017年05月22日 19:50
  • 2135

使用七牛云的一些心得(如何判断上传图片是否成功)

-(void)uploadImage{     NSString *token = uploadToken;     QNUploadManager *upManager = [[QN...
  • hc3862591
  • hc3862591
  • 2015年10月27日 15:31
  • 2177

Yii 使用七牛上传图片

为了减少主服务器的负担,把图片部署到七牛云存储。
  • JaredFu
  • JaredFu
  • 2016年11月11日 11:36
  • 1807

使用java上传图片到七牛云

使用java上传图片到七牛,不指定上传名称,让七牛随机生成图片名称
  • u012811805
  • u012811805
  • 2016年10月27日 16:35
  • 2462
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:七牛云单页面上传图片的功能
举报原因:
原因补充:

(最多只允许输入30个字)