php七牛云上传进度,uploadify实现七牛云存储 显示上传进度+页面显示，uploadify牛云_PHP教程...

uploadify实现七牛云存储 显示上传进度+页面显示，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

开始：

DEMO:

http://hxend.com/uploadif/

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

免费存储空间10GB

免费每月下载流量10GB

免费每月PUT/DELETE 10万次请求

免费每月GET 100万次请求

貌似是一个不错的福利。

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

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

打开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.';

}

}

?>

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

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

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

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

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

parent.document.getElementById('txtimg').src=data;

DEMO:

http://hxend.com/uploadif/

博文归石头和博客园所有，转载请注明出处，方便更新。

http://www.cnblogs.com/webers/p/4162108.html

http://www.bkjia.com/PHPjc/927205.htmlwww.bkjia.comtruehttp://www.bkjia.com/PHPjc/927205.htmlTechArticleuploadify实现七牛云存储 显示上传进度+页面显示，uploadify牛云 准备： uploadify下载地址： http://www.uploadify.com/download/ 七牛 php-sdk开发指南：...