首页 / PHP / uploadify实现7牛云存储显示上传进度+页面显示

uploadify实现7牛云存储显示上传进度+页面显示

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了uploadify实现7牛云存储显示上传进度+页面显示，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含3040字，纯文字阅读大概需要5分钟。

内容图文

uploadify实现七牛云存储 显示上传进度+页面显示

准备：

uploadify下载地址：

http://www.uploadify.com/download/

七牛 php-sdk开发指南：

http://developer.qiniu.com/docs/v6/sdk/php-sdk.html

php-sdk地址：

https://github.com/qiniu/php-sdk

开始：

uploadify实现7牛云存储显示上传进度+页面显示 - 文章图片uploadify实现7牛云存储显示上传进度+页面显示 - 文章图片

uploadify实现7牛云存储显示上传进度+页面显示 - 文章图片

DEMO:

http://hxend.com/uploadif/

在七牛里面注册账号以后，成为标准用户

免费存储空间10GB
免费每月下载流量10GB
免费每月PUT/DELETE 10万次请求
免费每月GET 100万次请求

貌似是一个不错的福利。

成功注册后就会 账号页面 有ak 和sk key 可以在代码中使用。

uploadify实现7牛云存储显示上传进度+页面显示 - 文章图片

下载好uploadify 后 把 七牛 php -sdk 文件包里面的内容放在 uploadify 里面

uploadify实现7牛云存储显示上传进度+页面显示 - 文章图片

打开uploadify.php 文件 代码如下：

 */// Define a destination$targetFolder = '/uploads'; // Relative to the root$verifyToken = md5('unique_salt' . $_POST['timestamp']);if (!empty($_FILES) && $_POST['token'] == $verifyToken) {	$tempFile = $_FILES['Filedata']['tmp_name'];	$targetPath = $_SERVER['DOCUMENT_ROOT'] . $targetFolder;	$targetFile = rtrim($targetPath,'/') . '/' . $_FILES['Filedata']['name'];		// Validate the file type	$fileTypes = array('jpg','jpeg','gif','png'); // File extensions	$fileParts = pathinfo($_FILES['Filedata']['name']);		if (in_array($fileParts['extension'],$fileTypes)) {		move_uploaded_file($tempFile,$targetFile);		echo '1';	} else {		echo 'Invalid file type.';	}}?>

　　修改代码如下： 介绍参考代码内部.

<?php$verifyToken = md5('unique_salt' . $_POST['timestamp']);if (!empty($_FILES) && $_POST['token'] == $verifyToken) {    $tempFile = $_FILES['Filedata']['tmp_name'];    //生成新的文件名     $filename = time().mt_rand(10,99).'.'.end(explode('.', $_FILES['Filedata']['name'])); //在这里修改生出随机图片名    $fileTypes = array('jpg','jpeg','gif','png');  //限制上传的文件为图片     $fileParts = pathinfo($_FILES['Filedata']['name']);    if (in_array($fileParts['extension'],$fileTypes)) {        //上传图片到云端 start        require_once("qiniu/io.php");        require_once("qiniu/rs.php");        $bucket = "hdimg";//空间名        //截取原始文件后缀名        $key1 = "Uploads/".$filename;        $accessKey = ' '; //这里填写ak        $secretKey = ' '; // 这里填写SK        Qiniu_SetKeys($accessKey, $secretKey);        $putPolicy = new Qiniu_RS_PutPolicy($bucket);        $upToken = $putPolicy->Token(null);        $putExtra = new Qiniu_PutExtra();        $putExtra->Crc32 = 1;        //$tempFile uploadify上传的临时文件路径        list($ret, $err) = Qiniu_PutFile($upToken, $key1, $tempFile, $putExtra);        //上传图片到云端 end        //返回文件名给前台        echo "http://hdimg.qiniudn.com/".$key1; //前台使用回调函数的data参数接收      } else {        echo 'Invalid file type.';    }}

　　前台index.php修改为:前台调用 echo 输出的值data 进行操作。

UploadiFive Test				uploadify实现7牛云存储显示上传进度+页面显示 - 文章图片

　　对data 进行输入到页面 实现 当前页面显示。控制 #txtimg 的值为 输出的data值 即为 图片地址。

后期 如果需要 iframe 调用的话 可以把 

document.getElementById('txtimg').src=data;  可以把data 传输到父页面 的 #txtimg 中。
parent.document.getElementById('txtimg').src=data;

uploadify实现7牛云存储显示上传进度+页面显示 - 文章图片

DEMO:

http://hxend.com/uploadif/

博文归石头和博客园所有，转载请注明出处，方便更新。
http://www.cnblogs.com/webers/p/4162108.html

内容总结

以上是互联网集市为您收集整理的uploadify实现7牛云存储显示上传进度+页面显示全部内容，希望文章能够帮你解决uploadify实现7牛云存储显示上传进度+页面显示所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/227113.html

来源：【匿名】