PHP后端签名,前端使用ajax直传文件到七牛云储存桶

#PHP代码
<?php
	$AccessKey = "";//公司key
	$SecretKey = "";//公私密钥
	$scope ="tounao:sunflower.jpg";
	$deadline = time()+7200;
	$returnBody = '{
	      "name":$(fname),
	      "size":$(fsize),
	      "w":$(imageInfo.width),
	      "h":$(imageInfo.height),
	      "hash":$(etag)
	}';
	   
	//构造数据
	$putPolicy =[
		"scope"=>$scope,
		'deadline'=>$deadline,
		'returnBody'=>$returnBody
	];

	 
    $putPolicy = json_encode($putPolicy);
     //对数据进行编码
     function base64_urlSafeEncode($data)
     {
         $find = array('+', '/');
         $replace = array('-', '_');
         return str_replace($find, $replace, base64_encode($data));
     }
     $encodedPutPolicy = base64_urlSafeEncode($putPolicy);

     $sign = hash_hmac('sha1', $encodedPutPolicy, $SecretKey, true);

     $encodedSign = base64_urlSafeEncode($sign);


     $uploadToken = $AccessKey.':'.$encodedSign.':'.$encodedPutPolicy;
	echo $uploadToken;

	//var_dump(json_encode($putPolicy));

?>

前端代码

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.9.0/jquery.js"></script>

<form class="upHuzhaoImg1" id="myform2" method="post" action="http://upload-z1.qiniup.com" enctype="multipart/form-data">
                    <input class="getTime2" name="key" type="hidden" value="">
                    
                    <input class="tokenUrl2" name="token" type="text" value="">
                    <input onclick="fileClickFun(2,1)" id="upInput2" class="upVideoInput2" style="margin:0;" class="upVideo" name="file" type="file" accept="image/*" value=""/>
                    <input name="accept" type="hidden" value="" />
                </form>

<!-- 文件名称可以使用自身的,也可使自己自定义名称上传 -->
<script type="text/javascript">
    function fileClickFun(i,num){
     // var date =new Date().getTime();
      //$('.getTime'+i).val(date);
      $(".upVideoInput"+i).change(function(){

          var formData = new FormData($("#myform"+i)[0]);
          console.log(formData);
          $.ajax({
              url:"http://upload-z1.qiniup.com",
              type:"post",
              data: formData,
              async: false,
              cache: false,
              contentType: false,
              processData: false,
              success:function(data){
                console.log(data);
              },
              error:function(e){
                  console.log(e);
              }
          });
      });
    }
</script>
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值