源码地址：https://github.com/iAJue/Alibaba_pic
二开修改版，简化：
源码 index.html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<title>阿里图床</title>
<link rel="stylesheet" href="https://www.layuicdn.com/layui-v2.5.6/css/layui.css">
<style type="text/css">
body { margin: auto; max-width: 720px; word-wrap:break-word; }
</style>
</head>
<body>
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
<legend>拖拽上传</legend>
</fieldset>
<div class="layui-upload-drag" id="upload">
<i class="layui-icon"></i>
<p>点击上传，或将文件拖拽到此处</p>
</div>
<div class="layui-hide" id="uploadDemoView">
<fieldset class="layui-elem-field layui-field-title" style="margin-top: 30px;">
<legend>文件信息</legend>
</fieldset>
<img src="" alt="上传成功后渲染" style="max-width: 300px"><hr>
<span id="url"></span>
</div>
<script src="https://www.layuicdn.com/layui-v2.5.6/layui.js"></script>
<script>
layui.use(['layer', 'form', 'upload'], function(){
var layer = layui.layer
,$ = layui.jquery
,form = layui.form
,upload = layui.upload;
upload.render({
elem: '#upload'
,url: 'upload.php' //改成您自己的上传接口
,done: function(res){
layer.msg('上传成功');
layui.$('#uploadDemoView').removeClass('layui-hide').find('img').attr('src',res.url);
layui.$('#url').html(res.url);
console.log(res)
}
});
});
</script>
</body>
</html>
upload.php
<?php
$file = $_FILES['file'];
if (is_uploaded_file($file['tmp_name']))
{
$extension = pathinfo($file['name'])['extension'];
$imgname = time().rand(100,1000).'.'.$extension;
if (move_uploaded_file($file['tmp_name'], $imgname))
{
$data = array
(
'scene' => 'aeMessageCenterV2ImageRule',
'name' =>$imgname,
'file' => new \CURLFile(realpath($imgname))
);
$res = json_decode(icurl('https://kfupload.alibaba.com/mupload',$data));
@unlink($imgname);
if ($res->msg == 0)
{
echo json_encode($res);
}
}
}
function icurl($url, $data){
$ch = curl_init();
curl_setopt($ch,CURLOPT_HEADER, 0);
curl_setopt($ch, CURLOPT_URL, $url);
curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1);
curl_setopt($ch, CURLOPT_SSL_VERIFYPEER, 0);
curl_setopt($ch, CURLOPT_SSL_VERIFYHOST, 0);
curl_setopt($ch, CURLOPT_POST, 1);
curl_setopt($ch, CURLOPT_POSTFIELDS, $data);
$res = curl_exec($ch);
curl_close($ch);
return $res;
}
相关文章
暂无评论...
