阿里云OSS利用iframe实现图片异步上传-PHP源码-PHP中文網

首頁

php教程

PHP源码

阿里云OSS利用iframe实现图片异步上传

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Jun 08, 2016 pm 05:20 PM

gtltnbspquottype

阿里云OSS上传工具是阿里云专用的上传功能了，下面我就为各位介绍一个阿里云OSS利用iframe实现图片异步上传了，这个例子非常的简单。

阿里云 OSS 图片上传iframe 实现异步上传相关代码：

index.php:

代码如下

复制代码

/*
* To change this template, choose Tools | Templates
* and open the template in the editor.
*/
if (isset($_POST) && !empty($_POST)) {
echo "

";<br>
    var_dump($_POST);<br>
    die;<br>
}<br>
?>
<p><br>
<br>
    </p><br>
        <title></title><br>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><br>
        <script src="http://filela.b0.upaiyun.com/js/jquery-1.9.0.min.js"></script><br>
    <br>
    <br>
        <h1 id="添加操作">添加操作</h1><br>

upload.php

代码如下

复制代码

$access_id = '';
$access_key = '';
$policy = '{"expiration": "2120-01-01T12:00:00.000Z","conditions":[{"bucket": "ioutsider" },["content-length-range", 0, 104857600]]}';
$policy = base64_encode($policy);
$signature = base64_encode(hash_hmac('sha1', $policy, $access_key, true));
$file_name = date('Y') . '/' . date('m') . '/' . md5(microtime(true)) . '.jpg';
//print_r(get_headers('http://ioutsider.oss-cn-shenzhen.aliyuncs.com'));
?>

上传成功后跳转的页面：

代码如下	复制代码
<script><br /> $(function(){<br /> alert('上传成功');<br /> window.parent.$('#res').append("<input type='hidden' value='<?php echo $img ?>' name='path'>")<br /> })<br /> </script>