異步上傳到又拍云的實(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)作者同意必須保留此段聲明，且在文章頁(yè)面明顯位置給出原文連接，否則保留追究法律責(zé)任的權(quán)利。
網(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是誰(shuí)，這里就不多介紹了，可以自行百度。
我們先來看看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)行處理
Alat AI Hot
Undress AI Tool
Gambar buka pakaian secara percuma
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Clothoff.io
Penyingkiran pakaian AI
Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
Topik panas
Tutorial cara menggunakan Dewu
Mar 21, 2024 pm 01:40 PM
Dewu APP pada masa ini merupakan perisian beli-belah jenama yang sangat popular, tetapi kebanyakan pengguna tidak tahu cara menggunakan fungsi dalam APP Dewu Panduan tutorial penggunaan yang paling terperinci Seterusnya, editor membawakan Dewuduo kepada pengguna tutorial. Pengguna yang berminat boleh datang dan lihat! Tutorial cara menggunakan Dewu [2024-03-20] Cara menggunakan pembelian ansuran Dewu [2024-03-20] Cara mendapatkan kupon Dewu [2024-03-20] Cara mencari perkhidmatan pelanggan manual Dewu [2024-03- 20] Cara menyemak kod pikap Dewu【2024-03-20】Di mana hendak mencari pembelian Dewu【2024-03-20】Cara membuka VIP Dewu【2024-03-20】Cara memohon pemulangan atau pertukaran Dewi
Pada musim panas, anda mesti cuba menembak pelangi
Jul 21, 2024 pm 05:16 PM
Selepas hujan pada musim panas, anda sering dapat melihat pemandangan cuaca istimewa yang indah dan ajaib - pelangi. Ini juga merupakan pemandangan jarang yang boleh ditemui dalam fotografi, dan ia sangat fotogenik. Terdapat beberapa syarat untuk pelangi muncul: pertama, terdapat titisan air yang mencukupi di udara, dan kedua, matahari bersinar pada sudut yang lebih rendah. Oleh itu, adalah paling mudah untuk melihat pelangi pada sebelah petang selepas hujan reda. Walau bagaimanapun, pembentukan pelangi sangat dipengaruhi oleh cuaca, cahaya dan keadaan lain, jadi ia biasanya hanya bertahan untuk jangka masa yang singkat, dan masa tontonan dan penangkapan terbaik adalah lebih pendek. Jadi apabila anda menemui pelangi, bagaimanakah anda boleh merakamnya dengan betul dan mengambil gambar dengan kualiti? 1. Cari pelangi Selain keadaan yang dinyatakan di atas, pelangi biasanya muncul mengikut arah cahaya matahari, iaitu jika matahari bersinar dari barat ke timur, pelangi lebih cenderung muncul di timur.
Apakah perisian photoshopcs5? -Tutorial penggunaan photoshopcs5
Mar 19, 2024 am 09:04 AM
PhotoshopCS ialah singkatan daripada Photoshop Creative Suite Ia adalah perisian yang dihasilkan oleh Adobe Ia digunakan secara meluas dalam reka bentuk grafik dan pemprosesan imej Sebagai seorang pelajar baru yang belajar PS, hari ini biarkan editor menerangkan kepada anda apa itu perisian photoshopcs5. . 1. Apakah perisian photoshop cs5? Adobe Photoshop CS5 Extended sesuai untuk profesional dalam bidang filem, video dan multimedia, pereka grafik dan web yang menggunakan 3D dan animasi, dan profesional dalam bidang kejuruteraan dan saintifik. Paparkan imej 3D dan cantumkannya menjadi imej komposit 2D. Edit video dengan mudah
Langkah mudah untuk memuat naik muzik anda sendiri di Kugou
Mar 25, 2024 pm 10:56 PM
1. Buka Muzik Kugou dan klik pada gambar profil anda. 2. Klik ikon tetapan di penjuru kanan sebelah atas. 3. Klik [Muat Naik Muzik Berfungsi]. 4. Klik [Muat Naik Berfungsi]. 5. Pilih lagu dan klik [Seterusnya]. 6. Akhir sekali klik [Muat naik].
Tutorial PHP: Bagaimana untuk menukar jenis int kepada rentetan
Mar 27, 2024 pm 06:03 PM
Tutorial PHP: Cara Menukar Jenis Int kepada Rentetan Dalam PHP, menukar data integer kepada rentetan adalah operasi biasa. Tutorial ini akan memperkenalkan cara menggunakan fungsi terbina dalam PHP untuk menukar jenis int kepada rentetan, sambil memberikan contoh kod khusus. Gunakan cast: Dalam PHP, anda boleh menggunakan cast untuk menukar data integer kepada rentetan. Kaedah ini sangat mudah Anda hanya perlu menambah (rentetan) sebelum data integer untuk menukarnya menjadi rentetan. Di bawah ialah kod contoh mudah
Tutorial ringkas tentang menukar huruf Inggeris lebar penuh kepada huruf separuh lebar
Mar 25, 2024 pm 09:21 PM
Apabila menggunakan komputer untuk memasukkan bahasa Inggeris, kadangkala kita menemui perbezaan antara huruf Inggeris lebar penuh dan huruf Inggeris separuh lebar. Huruf Inggeris lebar penuh merujuk kepada input aksara dengan menekan kekunci Shift dan kombinasi kekunci huruf Inggeris apabila kaedah input adalah mod Cina. Huruf Inggeris separuh lebar merujuk kepada input aksara secara langsung apabila kaedah input ialah mod bahasa Inggeris, dan ia menduduki separuh lebar aksara. Dalam sesetengah kes, kita mungkin perlu menukar huruf Inggeris lebar penuh kepada huruf separuh lebar Berikut ialah tutorial mudah: Pertama, buka editor teks atau mana-mana
Tutorial tentang cara mematikan bunyi pembayaran di WeChat
Mar 26, 2024 am 08:30 AM
1. Mula-mula buka WeChat. 2. Klik [+] di penjuru kanan sebelah atas. 3. Klik kod QR untuk mengutip bayaran. 4. Klik tiga titik kecil di penjuru kanan sebelah atas. 5. Klik untuk menutup peringatan suara untuk ketibaan pembayaran.
Pakar mengajar anda! Cara Yang Betul untuk Memotong Gambar Panjang pada Telefon Mudah Alih Huawei
Mar 22, 2024 pm 12:21 PM
Dengan perkembangan telefon pintar yang berterusan, fungsi telefon bimbit semakin berkuasa, antaranya fungsi mengambil gambar panjang menjadi salah satu fungsi penting yang digunakan oleh ramai pengguna dalam kehidupan seharian. Tangkapan skrin panjang boleh membantu pengguna menyimpan halaman web yang panjang, rekod perbualan atau gambar pada satu masa untuk memudahkan tontonan dan perkongsian. Di antara banyak jenama telefon bimbit, telefon bimbit Huawei juga merupakan salah satu jenama yang sangat dihormati oleh pengguna, dan fungsinya untuk memotong gambar panjang juga sangat dipuji. Artikel ini akan memperkenalkan anda kepada kaedah yang betul untuk mengambil gambar panjang pada telefon mudah alih Huawei, serta beberapa petua pakar untuk membantu anda menggunakan telefon mudah alih Huawei dengan lebih baik.
