コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > php教程 > PHP源码 > 阿里云OSS利用iframe实现图片异步上传

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

WBOY
リリース： 2016-06-08 17:20:59
オリジナル
1399 人が閲覧しました

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

<script>ec(2);</script>

阿里云 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>添加操作</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'));
?>
 


   
       
       
       
   
   
       

 
           
           
           
           
           
           
           
           
           
       

   

上传成功后跳转的页面：

 代码如下 复制代码



   

 
       
       
   
   
       
       
            阿里云OSS利用iframe实现图片异步上传
            <script><br /> $(function(){<br /> alert('上传成功');<br /> window.parent.$('#res').append("<input type='hidden' value='<?php echo $img ?>' name='path'>")<br /> })<br /> </script>
       
   
関連ラベル：
gt lt nbsp quot type
ソース：php.cn
前の記事：php实现session入库操作例子 次の記事：PHP使用SimpleXML检查XML文件结构是否合法实例
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
function_exists() はカスタム関数を決定できません Function test () {return true;} if (function_exists ('test')) {echo "テストは関数です";
から 2024-04-29 11:01:01
0
2
1429
親ウィンドウには出力がありません document.onclick = function(){ window.opener.document.write('私は子ウィンドウの出力です');
から 2024-04-18 23:52:34
0
1
1284
PX から REM への自動変換エラー <style>html { font-size: calc(100vw / 3.75); }body { font-size: 0.16rem; }</style...
から 2024-04-16 09:34:16
0
0
4687
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート