您好,欢迎访问一九零五行业门户网

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

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 文件  代码如下:

修改代码如下: 介绍参考代码内部.
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
其它类似信息

推荐信息