又拍云異步上傳實(shí)例教程詳解，異步實(shí)例教程_PHP教程
Jul 12, 2016 am 08:53 AM
又拍云異步上傳實(shí)例教程詳解，異步實(shí)例教程
網(wǎng)站靜態(tài)文件存儲(chǔ)在又拍云，之前上傳是通過又拍云的的FORM API進(jìn)行。
當(dāng)產(chǎn)品經(jīng)理歪著腦袋走向你的時(shí)候，哎呀呀，這用戶信息這里，上傳要無刷新的效果了。
?這他***，自己偷偷抱怨一會(huì)會(huì)，怎么搞喃？聽說這家伙要一個(gè)好聽的名字，異步上傳，高大上檔次挺像我的。
根據(jù)我們的觀察，此處有兩個(gè)重點(diǎn)：
①、怎么實(shí)現(xiàn)異步上傳
②、怎么上傳到又 拍 云
首先我們要實(shí)現(xiàn)異步上傳，就需要利用js里面的FormData對(duì)象，據(jù)說，這家伙不支持ie6 7的，ie8就不太清楚了，據(jù)說哈，說錯(cuò)了不負(fù)責(zé)的。
不過喃，我們也不用考慮辣么多，前段時(shí)間都聽說淘寶都要放棄ie6 7了，so 甭考慮辣么多了。ie6 7逮著ta估計(jì)都要罵ta小婊砸，竟然敢不支持我。
FormData是誰，這里就不多介紹了，可以自行百度。
我們先來看看view層怎么使用FormData這個(gè)小婊砸
<input type="file" accept="image/jpg,image/jpeg,image/png,image/gif" id="upload"> <input type="hidden" name="file">
如你所想，僅僅是一個(gè)input上傳按鈕和一個(gè)我們預(yù)留的準(zhǔn)備接收?qǐng)D片地址的隱藏input
下面來看看JS是怎么憤怒的吧
<script type="text/javascript">
function($){
//上傳
$("#upload").on("change", function () {
//構(gòu)造FormData對(duì)象并賦值
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>
到此，我們已經(jīng)實(shí)現(xiàn)了異步上傳的前端代碼，包括又拍云所需要的參數(shù)policy和signature
剩下的實(shí)現(xiàn)上傳到又拍云就簡(jiǎn)單了，可以參考
https://github.com/upyun/php-sdk 進(jìn)行處理
熱AI工具
Undress AI Tool
免費(fèi)脫衣圖片
Undresser.AI Undress
人工智慧驅(qū)動(dòng)的應(yīng)用程序，用於創(chuàng)建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費(fèi)的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費(fèi)的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強(qiáng)大的PHP整合開發(fā)環(huán)境
Dreamweaver CS6
視覺化網(wǎng)頁開發(fā)工具
SublimeText3 Mac版
神級(jí)程式碼編輯軟體(SublimeText3)
熱門話題
如何在FastAPI中實(shí)現(xiàn)檔案上傳和處理
Jul 28, 2023 pm 03:01 PM
如何在FastAPI中實(shí)現(xiàn)檔案上傳和處理FastAPI是一個(gè)現(xiàn)代化的高效能Web框架，簡(jiǎn)單易用且功能強(qiáng)大，它提供了原生支援檔案上傳和處理的功能。在本文中，我們將學(xué)習(xí)如何在FastAPI框架中實(shí)作檔案上傳和處理的功能，並提供程式碼範(fàn)例來說明具體的實(shí)作步驟。首先，我們需要導(dǎo)入需要的函式庫和模組：fromfastapiimportFastAPI,UploadF
demo是什麼意思
Feb 12, 2024 pm 09:12 PM
demo這個(gè)字對(duì)喜歡唱歌的朋友已經(jīng)不在陌生了，但有很多沒有接觸到的使用者好奇了demo是什麼意思呢？現(xiàn)在就來看看小編帶來的demo的含義介紹吧。 demo是什麼意思答案：錄音樣帶。 1.demo讀音英['dem??]、美['demo?]2、demo是"demonstration"的縮寫，一般指歌曲正式錄製前試聽的初步效果;3、demo用作名詞是錄音樣帶和試樣唱片的意思，用動(dòng)詞是試用(尤指軟體)、示範(fàn)和示範(fàn);
如何在QQ音樂上傳歌詞
Feb 23, 2024 pm 11:45 PM
隨著數(shù)位時(shí)代的到來，音樂平臺(tái)成為人們獲取音樂的主要途徑之一。然而，有時(shí)候我們?cè)诼牳璧臅r(shí)候，發(fā)現(xiàn)沒有歌詞是一件十分困擾的事。許多人都希望在聽歌的時(shí)候能夠展現(xiàn)歌詞，以便更好地理解歌曲的內(nèi)容和情感。而QQ音樂作為國(guó)內(nèi)最大的音樂平臺(tái)之一，也為用戶提供了上傳歌詞的功能，使得用戶可以更好地享受音樂的同時(shí)，感受到歌曲的內(nèi)涵。以下將介紹一下在QQ音樂上如何上傳歌詞。首先
酷狗上傳自己的音樂的簡(jiǎn)單步驟
Mar 25, 2024 pm 10:56 PM
1.打開酷狗音樂，點(diǎn)選個(gè)人頭像。 2、點(diǎn)選右上角設(shè)定的圖示。 3.點(diǎn)選【上傳音樂作品】。 4.點(diǎn)選【上傳作品】。 5.選擇歌曲，然後點(diǎn)選【下一步】。 6.最後點(diǎn)選【上傳】即可。
如何提升電腦上傳速度
Jan 15, 2024 pm 06:51 PM
上傳速度變得非常慢？相信這是很多朋友用電腦上傳東西時(shí)候都會(huì)遇到的一個(gè)問題，在使用電腦傳送檔案的時(shí)候如果遇到網(wǎng)路不穩(wěn)定，上傳的速度就會(huì)很慢，那麼該怎麼提高網(wǎng)路上傳速度呢？下面，小編將電腦上傳速度慢的處理方式告訴大家。說到網(wǎng)路速度，我們都知道打開網(wǎng)頁的速度，下載速度，其實(shí)還有一個(gè)上傳速度也非常關(guān)鍵，特別是一些用戶經(jīng)常需要上傳文件到網(wǎng)盤的，那麼上傳速度快無疑會(huì)給你省下不少時(shí)間，那上傳速度慢怎麼辦？下面，小編為大夥帶來了電腦上傳速度慢的處理圖文。電腦上傳速度慢怎麼解決點(diǎn)選「開始--執(zhí)行」或「視窗鍵
快速應(yīng)用：PHP 非同步 HTTP 下載多個(gè)檔案的實(shí)用開發(fā)案例分析
Sep 12, 2023 pm 01:15 PM
快速應(yīng)用：PHP非同步HTTP下載多個(gè)檔案的實(shí)用開發(fā)案例分析隨著互聯(lián)網(wǎng)的發(fā)展，檔案下載功能已成為許多網(wǎng)站和應(yīng)用程式的基本需求之一。而對(duì)於需要同時(shí)下載多個(gè)檔案的場(chǎng)景，傳統(tǒng)的同步下載方式往往效率低且耗費(fèi)時(shí)間。為此，使用PHP非同步HTTP下載多個(gè)檔案成為了越來越常見的解決方案。本文將透過一個(gè)實(shí)際的開發(fā)案例，詳細(xì)分析如何使用PHP非同步HTTP
如何在Vue中實(shí)現(xiàn)頭像上傳功能
Nov 07, 2023 am 08:01 AM
Vue是一款流行的前端框架，可用於建立互動(dòng)性強(qiáng)的應(yīng)用程式。在開發(fā)過程中，上傳頭像是常見的需求之一。因此，在本文中，我們將介紹如何在Vue中實(shí)現(xiàn)頭像上傳功能，並提供具體的程式碼範(fàn)例。使用第三方函式庫為了實(shí)現(xiàn)頭像上傳功能，我們可以使用第三方函式庫，例如vue-upload-component。該庫提供了一個(gè)上傳元件，可以方便地整合到Vue應(yīng)用程式中。下面是一個(gè)簡(jiǎn)單的範(fàn)例
Python asyncio 進(jìn)階指南：從初學(xué)者到專家
Mar 04, 2024 am 09:43 AM
並發(fā)和非同步編程並發(fā)編程處理同時(shí)執(zhí)行的多個(gè)任務(wù)，非同步編程是一種並發(fā)編程，其中任務(wù)不會(huì)阻塞線程。 asyncio是python中用於非同步程式設(shè)計(jì)的函式庫，它允許程式在不阻塞主執(zhí)行緒的情況下執(zhí)行I/O操作。事件循環(huán)asyncio的核心是事件循環(huán)，它監(jiān)控I/O事件並調(diào)度相應(yīng)的任務(wù)。當(dāng)一個(gè)協(xié)程準(zhǔn)備好時(shí)，事件循環(huán)會(huì)執(zhí)行它，直到它等待I/O操作。然後，它會(huì)暫停協(xié)程並繼續(xù)執(zhí)行其他協(xié)程。協(xié)程協(xié)程是可暫停和恢復(fù)執(zhí)行的函數(shù)。 asyncdef關(guān)鍵字用於建立協(xié)程。協(xié)程使用await關(guān)鍵字等待I/O作業(yè)完成。 asyncio的基礎(chǔ)以下
