本篇内容主要为大家提供的是又拍云异步上传实例教程详解。感兴趣的同学可以参考学习下，具体内容如下： 这里有新鲜出炉的PHP面向对象教程，程序狗速度看过来！ PHP开源脚本语言PHP（外文名: Hypertext Preprocessor，中文名：“超文本预处理器”）是一种通用开源脚本语言
本篇内容主要为大家提供的是又拍云异步上传实例教程详解。感兴趣的同学可以参考学习下，具体内容如下：
这里有新鲜出炉的PHP面向对象教程，程序狗速度看过来！
PHP开源脚本语言
PHP（外文名: Hypertext Preprocessor，中文名：“超文本预处理器”）是一种通用开源脚本语言。语法吸收了C语言、Java和Perl的特点，入门门槛较低，易于学习，使用广泛，主要适用于Web开发领域。PHP的文件后缀名为php。 这篇文章主要介绍了又拍云异步上传实例教程详解的相关资料,需要的朋友可以参考下网站静态文件存储在又拍云，之前上传是通过又拍云的的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="hidden" name="file">
如你所想，仅仅是一个input上传按钮和一个我们预留的准备接收图片地址的隐藏input
下面来看看JS是怎么愤怒的吧
<script type="text/javascript">
function($){
//上传
$("#upload").on("change", function () {
//构造FormData对象并赋值
var formData = new FormData();
formData.append("policy", "//controller层传递过来upYun的policy配置");
formData.append("signature", "//controller层传递过来upyun的signature配置");
formData.append("file", $("#upload")[0].files[0]);
$.ajax({
url : "//处理上传的后端程序地址",
type : "POST",
data : formData,
processData : false,
contentType : false,
beforeSend: function () {
//可以做一些正在上传的效果
},
success : function(data) {
//data，我们这里是异步上传到后端程序所返回的图片地址
},
error : function(responseStr) {
console.log(responseStr);
}
});
});
}($);
</script>
到此，我们已经实现了异步上传的前端代码，包括又拍云所需要的参数policy和signature
剩下的实现上传到又拍云就简单了，可以参考
https://github.com/upyun/php-sdk 进行处理
声明：本文内容来源自网络，文字、图片等素材版权属于原作者，平台转载素材出于传递更多信息，文章内容仅供参考与学习，切勿作为商业目的使用。如果侵害了您的合法权益，请您及时与我们联系，我们会在第一时间进行处理！我们尊重版权，也致力于保护版权，站搜网感谢您的分享！
