<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>

<title>OSS web直传</title>

<link rel="stylesheet" type="text/css" href="style.css"/>

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

<h2>OSS web直传---在服务端php签名, OSS会在文件上传成功，回调用户设置的回调url</h2>

<li>基于plupload封装 </li>

<li>支持html5,flash,silverlight,html4 等协议上传</li>

<li>可以运行在PC浏览器，手机浏览器，微信</li>

<li>签名在服务端(php)完成, 安全可靠, 推荐使用!</li>

<li>显示上传进度条</li>

<li>可以控制上传文件的大小,允许上传文件的类型,本例子设置了，只能上传jpg,png,gif结尾和zip,rar文件，最大大小是10M</li>

<li>最关键的是，让你10分钟之内就能移植到你的系统，实现以上牛逼的功能！</li>

<li>注意一点:bucket必须设置了Cors(Post打勾）,不然没有办法上传</li>

<li>注意一点:此例子默认是上传到user-dir目录下面，这个目录的设置是在php/get.php, $dir变量!</li>

<li>注意一点:把php/get.php里面的callbackUrl变量改成你自己的url</li>

<li>注意一点:这里返回的success,是OSS已经回调应用服务器，应用服务已经返回200!</li>

<li><a href="https://help.aliyun.com/document_detail/oss/practice/pc_web_upload/js_php_callback.html">点击查看详细文档</a></li>

<form name=theform>

<input type="radio" name="myradio" value="local_name" checked=true/> 上传文件名字保持本地文件名字

<input type="radio" name="myradio" value="random_name" /> 上传文件名字是随机文件名, 后缀保留

<h4>您所选择的文件列表：</h4>

<div id="ossfile">你的浏览器不支持flash,Silverlight或者HTML5！</div>

<div id="container">

<a id="selectfiles" href="javascript:void(0);" class='btn'>选择文件</a>

<a id="postfiles" href="javascript:void(0);" class='btn'>开始上传</a>

<pre id="console"></pre>

<p>&nbsp;</p>

<script type="text/javascript" src="lib/plupload-2.1.2/js/plupload.full.min.js"></script>

<script type="text/javascript" src="upload.js"></script>