异步上传

作者：白狼 出处： http://www.manks.top/article/async_upload_to_upyun 本文版权归作者，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。 网站静态文件存储在又拍云，之前上传是通过又拍云的的 FORM API 进行。 当产品经理歪着脑袋走向你的时候，哎呀呀，这用户信息这里，上传要无刷新的效果了。 这他***，自己偷偷抱怨一会会，怎么搞喃？听说这家伙要一个好听的名字，异步上传，高大上档次挺像我的。 根据我们的观察，此处有两个重点： ①、怎么实现异步上传 ②、怎么上传到又 拍 云 首先我们要实现异步上传，就需要利用 js 里面的 FormData 对象，据说，这家伙不支持ie6 7的，ie8就不太清楚了，据说哈，说错了不负责的。 不过喃，我们也不用考虑辣么多，前段时间都听说淘宝都要放弃ie6 7了，so 甭考虑辣么多了。ie6 7逮着ta估计都要骂ta小婊砸，竟然敢不支持我。 FormData 是谁，这里就不多介绍了，可以自行百度。 我们先来看看 view 层怎么使用 FormData 这个小婊砸 <input type="file" accept="image/jpg,image/jpeg,image/png,image/gif" id="upload"> <input type=

之前图片上传到又拍云直接用的是 HTTP FORM API ,今天项目中遇到AJAX上传后图片显示的效果，回过头来想想，跟HTTP FORM API表单提交的过程基本类似，作如下分享，希望有个帮助。 //封装好的公共方法 /** * 获取上传到upyun所需要的配置参数 */ function getUpYunConfig () { //关于upanyun基本配置项就不做细述了，我们这里配置到后台，直接读取 $bucket = ... $form_api_secret = ... $options = array( 'bucket' => $bucket, // 空间名 'expiration' => time() + 600, // 授权过期时间 'save-key' => '/img/{year}/{mon}/{random}{.suffix}', 'allow-file-type' => 'jpg,jpeg,gif,png,doc,pdf,mp3,mp4,amr', ); //policy算法和signature算法具体请参考API文档，不做细述 $policy = base64_encode(json_encode($options)); $sign = md5($policy.'&'.$form_api_secret); /// MD5的操作员密码 return