upload file

unggah-file

Gunakan komponen unggahan elemen-ui untuk mengunggah gambar ke Qiniu Cloud

Persyaratan teknik

1. vue2.4 + ekspres4.14 + es6
2. Versi node di atas 4.0 (disarankan menggunakan nvm untuk mengelola versi node)
3. Pemeriksaan gaya kode standardjs

Ketergantungan proyek

1. qinu
2. elemen-ui

Instal dependensi

npm install

Mulai proyek

1. Pelabuhan teknik 8080
2. Mode fusi dimulai

npm start

Catatan: File dapat diunggah saat startup dalam mode ini.

3. Memulai mode Nodemon

npm run nodemon

proses

1. Kunci publik konfigurasi backend, kunci pribadi, dan nama ruang penyimpanan
2. Backend membangun strategi unggah unggahan untuk menghasilkan uploadToken
3. Api backend yang terbuka mengembalikan uploadToken
4. Sebelum mengunggah file di front-end, panggil api back-end untuk mendapatkan uploadToken.
5. Bagian depan berhasil mengunggah gambar dan memperoleh alamat gambar yang dikembalikan oleh Qiniu

Qiniu

1. Transfer file langsung
2. Unggah kredensial
3. SDK Node.js

bagian belakang

1. kode

   Catatan: Sebelum memulai proyek, ganti accessKey, secretKey, bucketName, dan parameter lainnya dengan parameter terkait yang disediakan oleh Qiniu.

2. Metode permintaan antarmuka

 # request url
curl --request GET 
     --url ' http://localhost:8080/api/upload?fileName=123.png '

# body
{
    " code " : " 1 " ,
    " desc " : " ok " ,
    " result " : {
        " bucketName " : " bucket-name " ,
        " fileName " : " f90bad3c937d1dcdfc37.png " ,
        " uploadToken " : " JjO_ih1JuNJAKDT-cr5T10TSuBGyJf1 "
    }
}

ujung depan

1. kode

   Catatan: Untuk dokumen tertentu, silakan lihat unggahan elemen-ui.