異步上傳到又拍云的實(shí)例教程，異步上傳實(shí)例教程_PHP教程
Jul 12, 2016 am 08:54 AM
異步上傳到又拍云的實(shí)例教程，異步上傳實(shí)例教程
作者：白狼 出處：www.manks.top/article/async_upload_to_upyun?
本文版權(quán)歸作者，歡迎轉(zhuǎn)載，但未經(jīng)作者同意必須保留此段聲明，且在文章頁面明顯位置給出原文連接，否則保留追究法律責(zé)任的權(quán)利。
網(wǎng)站靜態(tài)文件存儲在又拍云，之前上傳是通過又拍云的的FORM API進(jìn)行。
當(dāng)產(chǎn)品經(jīng)理歪著腦袋走向你的時候，哎呀呀，這用戶信息這里，上傳要無刷新的效果了。
這他***，自己偷偷抱怨一會會，怎么搞喃？聽說這家伙要一個好聽的名字，異步上傳，高大上檔次挺像我的。
根據(jù)我們的觀察，此處有兩個重點(diǎn)：
①、怎么實(shí)現(xiàn)異步上傳
②、怎么上傳到又 拍 云
首先我們要實(shí)現(xiàn)異步上傳，就需要利用js里面的FormData對象，據(jù)說，這家伙不支持ie6 7的，ie8就不太清楚了，據(jù)說哈，說錯了不負(fù)責(zé)的。
不過喃，我們也不用考慮辣么多，前段時間都聽說淘寶都要放棄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上傳按鈕和一個我們預(yù)留的準(zhǔn)備接收圖片地址的隱藏input
下面來看看JS是怎么憤怒的吧
<script type="text/javascript">
function($){
//上傳
$("#upload").on("change", function () {
//構(gòu)造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>
到此，我們已經(jīng)實(shí)現(xiàn)了異步上傳的前端代碼，包括又拍云所需要的參數(shù)policy和signature
剩下的實(shí)現(xiàn)上傳到又拍云就簡單了，可以參考
https://github.com/upyun/php-sdk 進(jìn)行處理
Hei?e KI -Werkzeuge
Undress AI Tool
Ausziehbilder kostenlos
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Clothoff.io
KI-Kleiderentferner
Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem v?llig kostenlosen KI-Gesichtstausch-Tool aus!
Hei?er Artikel
Hei?e Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
Hei?e Themen
Tutorial zur Verwendung von Dewu
Mar 21, 2024 pm 01:40 PM
Dewu APP ist derzeit eine sehr beliebte Marken-Shopping-Software, aber die meisten Benutzer wissen nicht, wie sie die Funktionen in Dewu APP verwenden. Nachfolgend finden Sie eine Zusammenfassung des Dewuduo-Tutorials Interessierte Benutzer k?nnen vorbeikommen und einen Blick darauf werfen! Tutorial zur Verwendung von Dewu [20.03.2024] Verwendung des Dewu-Ratenkaufs [20.03.2024] So erhalten Sie Dewu-Gutscheine [20.03.2024] So finden Sie den manuellen Kundendienst von Dewu [2024-03- 20] So überprüfen Sie den Abholcode von Dewu [20.03.2024] Wo Sie Dewu kaufen k?nnen [20.03.2024] So er?ffnen Sie Dewu VIP [20.03.2024] So beantragen Sie die Rückgabe oder den Umtausch von Dewu
Im Sommer müssen Sie unbedingt versuchen, einen Regenbogen zu schie?en
Jul 21, 2024 pm 05:16 PM
Nach dem Regen im Sommer k?nnen Sie oft ein wundersch?nes und magisches besonderes Wetterbild sehen – den Regenbogen. Dies ist auch eine seltene Szene, die man in der Fotografie antreffen kann, und sie ist sehr fotogen. Für das Erscheinen eines Regenbogens gibt es mehrere Bedingungen: Erstens sind genügend Wassertr?pfchen in der Luft und zweitens scheint die Sonne in einem niedrigeren Winkel. Daher ist es am einfachsten, einen Regenbogen am Nachmittag zu sehen, nachdem der Regen nachgelassen hat. Allerdings wird die Bildung eines Regenbogens stark von Wetter, Licht und anderen Bedingungen beeinflusst, sodass sie im Allgemeinen nur von kurzer Dauer ist und die beste Betrachtungs- und Aufnahmezeit sogar noch kürzer ist. Wenn Sie also auf einen Regenbogen sto?en, wie k?nnen Sie ihn dann richtig aufzeichnen und qualitativ hochwertige Fotos machen? 1. Suchen Sie nach Regenb?gen. Zus?tzlich zu den oben genannten Bedingungen erscheinen Regenb?gen normalerweise in Richtung des Sonnenlichts, das hei?t, wenn die Sonne von Westen nach Osten scheint, ist es wahrscheinlicher, dass Regenb?gen im Osten erscheinen.
Welche Software ist Photoshopcs5? -tutorial zur Verwendung von Photoshopcs5
Mar 19, 2024 am 09:04 AM
PhotoshopCS ist die Abkürzung für Photoshop Creative Suite. Es handelt sich um eine von Adobe hergestellte Software, die h?ufig im Grafikdesign und in der Bildverarbeitung verwendet wird. Lassen Sie mich Ihnen heute erkl?ren, was Photoshopcs5 ist und wie Sie Photoshopcs5 verwenden. 1. Welche Software ist Photoshop CS5? Adobe Photoshop CS5 Extended ist ideal für Profis in den Bereichen Film, Video und Multimedia, Grafik- und Webdesigner, die 3D und Animation verwenden, sowie Profis in den Bereichen Technik und Wissenschaft. Rendern Sie ein 3D-Bild und fügen Sie es zu einem zusammengesetzten 2D-Bild zusammen. Bearbeiten Sie Videos einfach
Einfache Schritte zum Hochladen Ihrer eigenen Musik auf Kugou
Mar 25, 2024 pm 10:56 PM
1. ?ffnen Sie Kugou Music und klicken Sie auf Ihr Profilbild. 2. Klicken Sie auf das Symbolset in der oberen rechten Ecke. 3. Klicken Sie auf [Musikwerke hochladen]. 4. Klicken Sie auf [Werke hochladen]. 5. W?hlen Sie das Lied aus und klicken Sie auf [Weiter]. 6. Klicken Sie abschlie?end auf [Hochladen].
Ein einfaches Tutorial zum Konvertieren von englischen Buchstaben voller Breite in Buchstaben halber Breite
Mar 25, 2024 pm 09:21 PM
Wenn wir zur Eingabe von Englisch einen Computer verwenden, sto?en wir manchmal auf den Unterschied zwischen englischen Buchstaben voller Breite und englischen Buchstaben halber Breite. Englische Buchstaben in voller Breite beziehen sich auf die Zeichen, die durch Drücken der Umschalttaste und der Tastenkombination für englische Buchstaben eingegeben werden, wenn die Eingabemethode im chinesischen Modus ist. Sie nehmen eine Zeichenbreite in voller Breite ein. Englische Buchstaben mit halber Breite beziehen sich auf Zeichen, die direkt eingegeben werden, wenn die Eingabemethode im englischen Modus ist, und nehmen eine halbe Zeichenbreite ein. In einigen F?llen müssen wir m?glicherweise englische Buchstaben voller Breite in Buchstaben halber Breite umwandeln. Hier ist eine einfache Anleitung: ?ffnen Sie zun?chst einen Texteditor oder einen anderen
PHP-Tutorial: So konvertieren Sie den Typ int in einen String
Mar 27, 2024 pm 06:03 PM
PHP-Tutorial: So konvertieren Sie den Int-Typ in einen String. In PHP ist das Konvertieren von Ganzzahldaten in einen String ein h?ufiger Vorgang. In diesem Tutorial erfahren Sie, wie Sie die in PHP integrierten Funktionen verwenden, um den Typ int in einen String zu konvertieren, und stellen gleichzeitig spezifische Codebeispiele bereit. Cast verwenden: In PHP k?nnen Sie Cast verwenden, um ganzzahlige Daten in einen String umzuwandeln. Diese Methode ist sehr einfach. Sie müssen lediglich (string) vor den ganzzahligen Daten hinzufügen, um sie in einen String umzuwandeln. Unten finden Sie einen einfachen Beispielcode
Anleitung zum Deaktivieren des Zahlungstons auf WeChat
Mar 26, 2024 am 08:30 AM
1. ?ffnen Sie zun?chst WeChat. 2. Klicken Sie oben rechts auf [+]. 3. Klicken Sie auf den QR-Code, um die Zahlung einzuziehen. 4. Klicken Sie auf die drei kleinen Punkte in der oberen rechten Ecke. 5. Klicken Sie auf , um die Spracherinnerung für den Zahlungseingang zu schlie?en.
Experten unterrichten Sie! Der richtige Weg, lange Bilder auf Huawei-Handys zu schneiden
Mar 22, 2024 pm 12:21 PM
Mit der kontinuierlichen Weiterentwicklung von Smartphones sind die Funktionen von Mobiltelefonen immer leistungsf?higer geworden, darunter die Funktion zum Aufnehmen langer Bilder zu einer der wichtigen Funktionen, die viele Benutzer im t?glichen Leben nutzen. Lange Screenshots k?nnen Benutzern dabei helfen, eine lange Webseite, Gespr?chsaufzeichnung oder ein Bild gleichzeitig zu speichern, um sie einfacher anzeigen und teilen zu k?nnen. Unter vielen Mobiltelefonmarken geh?ren auch Huawei-Handys zu den Marken, die von den Nutzern sehr gesch?tzt werden, und auch ihre Funktion zum Zuschneiden langer Bilder wird hoch gelobt. In diesem Artikel erfahren Sie, wie Sie lange Bilder mit Huawei-Mobiltelefonen richtig aufnehmen, und erhalten einige Expertentipps, die Ihnen dabei helfen, Huawei-Mobiltelefone besser zu nutzen.
