博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
uploadify实现七牛云存储 显示上传进度+页面显示
阅读量:5236 次
发布时间:2019-06-14

本文共 1670 字,大约阅读时间需要 5 分钟。

准备:

uploadify下载地址:

七牛 php-sdk开发指南:

php-sdk地址:

开始:

 DEMO:

 

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

免费存储空间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;

转载于:https://www.cnblogs.com/webers/p/4162108.html

你可能感兴趣的文章
js 模拟a标签打开新网页
查看>>
MongoDB CPU 利用率高排查
查看>>
js中关于数据类型的转换
查看>>
3.冒泡排序
查看>>
C# 异步编程
查看>>
oo第四次总结
查看>>
前端开发最佳实践-读书笔记
查看>>
Eclipse、MyEclipse中代码提示框颜色
查看>>
ManualResetEvent同步与互斥
查看>>
Redis Windows版安装及简单使用
查看>>
搭建新接口程序中的错误总结
查看>>
简明 Vim 练级攻略
查看>>
Linux常用命令大全
查看>>
010-1 Socket地址族AddressFamily
查看>>
使用继承时父类和子类的对象的特点
查看>>
Mysql exists和in
查看>>
堆排序HeapSort
查看>>
python课堂整理3---字符串魔法
查看>>
python失业第二天
查看>>
libxml2 的一些用法
查看>>