搞了大半天,累死了,原本在阿里云官网通过后台取签上传的方式,前端会用到lib,例子下载后无法加入到小程序中使用,后来在CSDN的一篇博文里找到了解决方案
后端get.php,callback.php从阿里云例子中取,直接用
get.php代码
<?php
function gmt_iso8601($time) {
$dtStr = date("c", $time);
$mydatetime = new DateTime($dtStr);
$expiration = $mydatetime->format(DateTime::ISO8601);
$pos = strpos($expiration, '+');
$expiration = substr($expiration, 0, $pos);
return $expiration."Z";
}
$id= 'xxxxxxxx'; // 请填写您的AccessKeyId。
$key= 'xxxxxxxx'; // 请填写您的AccessKeySecret。
// $host的格式为 bucketname.endpoint,请替换为您的真实信息。
$host = 'https://bucket名称.oss-cn-地域.aliyuncs.com/';
// $callbackUrl为上传回调服务器的URL,请将下面的IP和Port配置为您自己的真实URL信息。
$callbackUrl = 'callback.php的网络路径';
$dir = '文件保存路径'; // 用户上传文件时指定的前缀。
$callback_param = array('callbackUrl'=>$callbackUrl,
'callbackBody'=>'filename=${object}&size=${size}&mimeType=${mimeType}&height=${imageInfo.height}&width=${imageInfo.width}',
'callbackBodyType'=>"application/x-www-form-urlencoded");
$callback_string = json_encode($callback_param);
$base64_callback_body = base64_encode($callback_string);
$now = time();
$expire = 30; //设置该policy超时时间是10s. 即这个policy过了这个有效时间,将不能访问。
$end = $now + $expire;
$expiration = gmt_iso8601($end);
//最大文件大小.用户可以自己设置
$condition = array(0=>'content-length-range', 1=>0, 2=>1048576000);
$conditions[] = $condition;
// 表示用户上传的数据,必须是以$dir开始,不然上传会失败,这一步不是必须项,只是为了安全起见,防止用户通过policy上传到别人的目录。
$start = array(0=>'starts-with', 1=>'$key', 2=>$dir);
$conditions[] = $start;
$arr = array('expiration'=>$expiration,'conditions'=>$conditions);
$policy = json_encode($arr);
$base64_policy = base64_encode($policy);
$string_to_sign = $base64_policy;
$signature = base64_encode(hash_hmac('sha1', $string_to_sign, $key, true));
$response = array();
$response['accessid'] = $id;
$response['host'] = $host;
$response['policy'] = $base64_policy;
$response['signature'] = $signature;
$response['expire'] = $end;
$response['callback'] = $base64_callback_body;
$response['dir'] = $dir; // 这个参数是设置用户上传文件时指定的前缀。
echo json_encode($response);
?>
callback.php不用改
小程序前端:
uploadAliyun(str){ //str是wx.chooseImage返回的res.tempFilePaths[0]
var that = this;
wx.uploadFile({
url: 'xxxx/get.php', //你的服务器地址
filePath: str, //要上传文件资源的路径
name: 'headimg', //文件对应的 key,开发者在服务端可以通过这个 key 获取文件的二进制内容
formData: {
adminid: app.globalData.adminid //HTTP 请求中其他额外的参数比如 用户id
},
success(res) {
console.log(res)
if(res.statusCode == 200){
var info = JSON.parse(res.data);
// 随机生成文件名称
var fileRandName = Date.now() + "" + parseInt(Math.random() * 1000)
var fileName = fileRandName + '.' + that.get_suffix(str)
wx.uploadFile({
url: 'https://bucket名称.oss-cn-地域.aliyuncs.com',
filePath: str,
name: 'file',
formData: {
name: str,
key: info.dir + fileName,
policy: info.policy,
signature: info.signature,
expire : info.expire,
success_action_status: "200",
host: info.host,
OSSAccessKeyId : info.accessid
},
success: function (res) {
var data = res.data
console.log(res)
if(res.statusCode == 200){ }
}
})
}
}
})
},
补充get_suffix功能函数
get_suffix: function(filename) {
var pos = filename.lastIndexOf('.')
var suffix = ''
if (pos != -1) {
suffix = filename.substring(pos)
}
return suffix;
},