uploadify实现七牛云存储 显示上传进度+页面显示，uploadify牛云
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 文件 代码如下：
<?php
/*
Uploadify
Copyright (c) 2012 Reactive Apps, Ronnie Garcia
Released under the MIT License <http://www.opensource.org/licenses/mit-license.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 进行操作。
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>UploadiFive Test</title>
<script src="http://libs.baidu.com/jquery/1.9.0/jquery.js" type="text/javascript"></script>
<script src="jquery.uploadify.min.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="uploadify.css">
<style type="text/css">
body {
font: 13px Arial, Helvetica, Sans-serif;
}
</style>
</head>
<body>
<form>
<div id="queue"></div>
<input id="file_upload" name="file_upload" type="file" multiple="true">
</form>
<img src="/static/imghw/default1.png" data-src="http://www.bkjia.com/uploads/allimg/141214/16013Ia3-1.jpg" class="lazy" style="max-width:90%" style="max-width:90%" id="txtimg"/ alt="uploadify实现七牛云存储 显示上传进度+页面显示，uploadify牛云" >
<script type="text/javascript">
<?php $timestamp = time();?>
$(function() {
$('#file_upload').uploadify({
'formData' : {
'timestamp' : '<?php echo $timestamp;?>',
'token' : '<?php echo md5('unique_salt' . $timestamp);?>'
},
'swf' : 'uploadify.swf',
'uploader' : 'uploadify.php',
'onUploadSuccess' : function(file,data,response) { //执行成功后就执行该段js
document.getElementById('txtimg').src=data;
}
});
});
</script>
</body>
</html>
对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 |
핫 AI 도구
Undresser.AI Undress
사실적인 누드 사진을 만들기 위한 AI 기반 앱
AI Clothes Remover
사진에서 옷을 제거하는 온라인 AI 도구입니다.
Undress AI Tool
무료로 이미지를 벗다
Clothoff.io
AI 옷 제거제
AI Hentai Generator
AI Hentai를 무료로 생성하십시오.
인기 기사
뜨거운 도구
메모장++7.3.1
사용하기 쉬운 무료 코드 편집기
SublimeText3 중국어 버전
중국어 버전, 사용하기 매우 쉽습니다.
스튜디오 13.0.1 보내기
강력한 PHP 통합 개발 환경
드림위버 CS6
시각적 웹 개발 도구
SublimeText3 Mac 버전
신 수준의 코드 편집 소프트웨어(SublimeText3)
뜨거운 주제
7496
15
1377
52
77
11
52
19
19
52
Explorer.exe 높은 CPU 사용량을 수정하는 방법 Windows 11
May 02, 2023 am 09:40 AM
Windows 11의 Explorer.exe 높은 CPU 사용량 문제와 달리 컴퓨터에서는 높은 CPU 사용량이 발생할 수 있습니다. 이는 거의 발생하지 않고 PC 성능에 큰 영향을 미치지 않는 한 완전히 정상적인 현상입니다. 그러나 이것이 반복적으로 발생하면 문제가 될 수 있습니다. 중요한 작업을 수행하는 동안 시스템이 뜨거워지고 로딩 시간이 지연되며 잠재적으로 정지될 수 있습니다. Explorer.exe를 사용할 때 내 컴퓨터의 CPU 사용량이 높은 이유는 무엇입니까? 일반적으로 컴퓨터는 다음 이유 중 하나로 인해 높은 CPU 사용량을 경험할 수 있습니다. 더 높은 CPU 요구 사항이 필요한 프로그램 실행: 비디오 편집 및 게임 소프트웨어는 높은 CPU 사용량을 유발할 수 있습니다. 으로 출판된 경우
Windows 11 미리보기 업데이트는 더욱 심층적인 OneDrive 통합을 지원합니다.
May 01, 2023 pm 07:07 PM
이제 Windows 11 빌드 25145가 개발 채널의 사용자에게 제공되며 몇 가지 사소한 새로운 기능이 포함되어 있습니다. 예를 들어 Build25145를 사용하면 OneDrive와 설정 간의 긴밀한 통합이 가능합니다. 마찬가지로 내레이터 점자 드라이버 지원도 개선하고 새로운 로컬 관리자 암호 솔루션을 추가합니다. 이러한 개선 사항은 개발 채널 회원에게만 제공됩니다. 릴리스 노트에 따르면 Windows 11 Build 25145에는 점자 드라이버 솔루션이 추가되었습니다. 회사에서는 내레이터가 점자 드라이버를 자동으로 변경하므로 점자 장치가 내레이터와 타사 화면 판독기 간에 원활하게 전환할 수 있으므로 이제 더 잘 작동할 것이라고 밝혔습니다. 시작한다
Microsoft는 OneDrive 비즈니스 계획에서 무제한 저장 옵션을 제거합니다.
Aug 31, 2023 pm 08:17 PM
이 사이트의 소식에 따르면 Microsoft는 더 이상 비즈니스용 OneDrive 요금제의 "무제한 저장소" 옵션을 신규 고객에게 제공하지 않을 것이며 이는 비즈니스 사용자를 위한 클라우드 저장소 제공에 영향을 미칩니다. TechRadar에서는 Microsoft가 사용자당 10달러를 제거한 것으로 나타났습니다. 월 비즈니스용 OneDrive(계획 2). 현재 Microsoft의 유일한 비즈니스 클라우드 스토리지 계획은 비즈니스용 OneDrive(플랜 1)입니다. 이 사이트에서는 중국의 비즈니스용 OneDrive(플랜 1) 가격이 사용자당 월 36위안이며, 최대 1TB의 클라우드 스토리지 공간을 제공합니다. 선택적으로 사용자 수를 5TB로 늘립니다. 또한 Microsoft는 Mi 2개에 대한 계획도 발표했습니다.
PHP와 Amazon Web Services 통합으로 효율적인 클라우드 컴퓨팅 및 스토리지 지원
Jun 25, 2023 am 09:12 AM
클라우드 컴퓨팅과 빅데이터의 지속적인 발전으로 클라우드 서비스는 기업과 개발자에게 없어서는 안 될 도구 중 하나가 되었습니다. Amazon Web Services(AWS)는 전 세계에서 가장 인기 있는 클라우드 서비스 제공업체 중 하나가 되었습니다. 널리 사용되는 서버 측 스크립팅 언어인 PHP는 점차 많은 기업과 개발자의 첫 번째 선택이 되었습니다. 이 기사에서는 PHP와 AWS 통합을 통해 효율적인 클라우드 컴퓨팅 및 스토리지를 달성하는 방법에 대해 설명합니다. 1. AWS의 장점 AWS는 세계 최대의 클라우드 서비스 제공업체 중 하나입니다.
아이클라우드를 꼭 켜야 하나요?
Feb 23, 2024 pm 12:51 PM
요즘은 인터넷의 발달과 스마트폰의 대중화로 인해 사람들의 생활과 업무 스타일이 많이 바뀌었습니다. 클라우드 스토리지 서비스는 점차 사람들의 일상생활에서 없어서는 안 될 부분이 되었습니다. 그 중 애플의 아이클라우드(iCloud)는 가장 인기 있는 클라우드 스토리지 서비스 중 하나이다. 그러나 일부 사용자의 경우 iCloud가 정말로 필요한지 확신하지 못할 수도 있습니다. 이 기사에서는 여러 측면에서 iCloud의 필요성을 살펴보겠습니다. 첫째, iCloud는 사용자에게 다음과 같은 방법을 제공합니다.
PHP 개발: Flysystem을 사용하여 여러 클라우드 스토리지 서비스 구현
Jun 15, 2023 pm 10:43 PM
클라우드 컴퓨팅과 클라우드 스토리지의 발전으로 점점 더 많은 개발자가 데이터 저장 및 전송 문제를 해결하기 위해 클라우드 스토리지를 사용하기 시작했습니다. PHP 개발에서 Flysystem은 다양한 클라우드 스토리지 서비스를 쉽게 사용할 수 있는 통합 API를 제공하는 매우 실용적인 도구입니다. 이 기사에서는 Flysystem을 사용하여 여러 클라우드 스토리지 서비스를 구현하는 방법을 소개하고 다양한 서비스에 대한 일부 샘플 코드를 보여줍니다. 플라이시스템이란 무엇입니까? 플라이시스템
신뢰할 수 있는 컴퓨팅 기술을 사용하여 신뢰할 수 있는 클라우드 스토리지 시스템을 구축하는 방법은 무엇입니까?
Jun 11, 2023 pm 02:16 PM
인터넷과 클라우드 컴퓨팅의 지속적인 발전으로 인해 데이터 보안 문제는 무시할 수 없는 문제가 되었습니다. 데이터의 보안과 신뢰성을 보호하기 위해 신뢰할 수 있는 컴퓨팅이 클라우드 스토리지 시스템에 널리 사용됩니다. 이 기사에서는 신뢰할 수 있는 컴퓨팅 기술을 사용하여 신뢰할 수 있는 클라우드 스토리지 시스템을 구축하는 과정을 자세히 소개합니다. 먼저, 신뢰받는 컴퓨팅 기술이 무엇인지 알아보겠습니다. 신뢰할 수 있는 컴퓨팅 기술은 컴퓨팅 프로세스와 그 결과가 컴퓨팅 플랫폼에서 보호되도록 보장하는 기술입니다. 이는 신뢰할 수 있는 컴퓨팅 플랫폼에서는 계산 프로세스나 결과가 맬웨어나 공격자에 의해 손상될 수 없음을 의미합니다.
Java SDK를 사용하여 Qiniu Cloud에 연결: 클라우드 스토리지 서비스를 구현하는 방법은 무엇입니까?
Jul 05, 2023 pm 02:49 PM
JavaSDK를 사용하여 Qiniu Cloud에 연결: 클라우드 스토리지 서비스를 구현하는 방법은 무엇입니까? 소개: 클라우드 컴퓨팅의 급속한 발전으로 점점 더 많은 기업과 개발자가 안전한 백업과 데이터의 고가용성을 달성하기 위해 클라우드에 데이터를 저장하고 있습니다. Qiniu Cloud는 중국의 유명한 클라우드 스토리지 서비스 제공업체 중 하나로 풍부한 클라우드 스토리지 서비스와 강력한 개발 툴킷을 제공합니다. 이 기사에서는 JavaSDK를 사용하여 Qiniu Cloud에 연결하여 클라우드 스토리지 서비스를 구현하는 방법을 소개합니다. 1. Qiniu Cloud 계정 등록: 시작하기 전에 Qiniu Cloud 계정을 등록하고 생성해야 합니다.
