《PHP實例：又拍云異步上傳實例教程詳解》要點：
本文介紹了PHP實例：又拍云異步上傳實例教程詳解，希望對您有用。如果有疑問，可以聯系我們。
PHP實戰網站靜態文件存儲在又拍云,之前上傳是通過又拍云的的FORM API進行.
PHP實戰當產物經理歪著腦袋走向你的時候,哎呀呀,這用戶信息這里,上傳要無刷新的效果了.
PHP實戰?這他***,自己偷偷埋怨一會會,怎么搞喃?聽說這家伙要一個好聽的名字,異步上傳,高大上檔次挺像我的.
PHP實戰根據我們的察看,此處有兩個重點：
PHP實戰①、怎么實現異步上傳
PHP實戰②、怎么上傳到又 拍 云
PHP實戰首先我們要實現異步上傳,就必要利用js里面的FormData對象,據說,這家伙不支持ie6 7的,ie8就不太清楚了,據說哈,說錯了不負責的.
PHP實戰不外喃,我們也不用考慮辣么多,前段時間都聽說淘寶都要放棄ie6 7了,so 甭考慮辣么多了.ie6 7逮著ta估計都要罵ta小婊砸,竟然敢不支持我.
PHP實戰FormData是誰,這里就不多介紹了,可以自行百度.
PHP實戰我們先來看看view層怎么使用FormData這個小婊砸
PHP實戰
<input type="file" accept="image/jpg,image/jpeg,image/png,image/gif" id="upload">
<input type="hidden" name="file">
PHP實戰如你所想,僅僅是一個input上傳按鈕和一個我們預留的準備接收圖片地址的暗藏input
PHP實戰下面來看看JS是怎么憤怒的吧
PHP實戰
<script type="text/javascript">
function($){
//上傳
$("#upload").on("change", function () {
//構造FormData對象并賦值
var formData = new FormData();
formData.append("policy", "http://controller層傳遞過來upYun的policy配置");
formData.append("signature", "http://controller層傳遞過來upyun的signature配置");
formData.append("file", $("#upload")[0].files[0]);
$.ajax({
url : "http://處理上傳的后端程序地址",
type : "POST",
data : formData,
processData : false,
contentType : false,
beforeSend: function () {
//可以做一些正在上傳的效果
},
success : function(data) {
//data,我們這里是異步上傳到后端程序所返回的圖片地址
},
error : function(responseStr) {
console.log(responseStr);
}
});
});
}($);
</script>
PHP實戰到此,我們已經實現了異步上傳的前端代碼,包含又拍云所需要的參數policy和signature
PHP實戰剩下的實現上傳到又拍云就簡單了,可以參考
PHP實戰https://github.com/upyun/php-sdk 進行處置
維易PHP培訓學院每天發布《PHP實例：又拍云異步上傳實例教程詳解》等實戰技能，PHP、MYSQL、LINUX、APP、JS,CSS全面培養人才。
