upload file

تحميل الملف

استخدم مكون التحميل الخاص بـ element-ui لتحميل الصور إلى Qiniu Cloud

المتطلبات الهندسية

1. vue2.4 + Express4.14 + es6
2. إصدار العقدة أعلى من 4.0 (يوصى باستخدام nvm لإدارة إصدار العقدة)
3. التحقق من نمط الكود Standardjs

تبعيات المشروع

1. qiniu
2. element-ui

تثبيت التبعيات

npm install

ابدأ المشروع

1. المنفذ الهندسي 8080
2. يبدأ وضع الانصهار

npm start

ملاحظة: يمكن تحميل الملفات عند بدء التشغيل في هذا الوضع.

3. بدء تشغيل وضع Nodemon

npm run nodemon

عملية

1. المفتاح العام لتكوين الواجهة الخلفية والمفتاح الخاص واسم مساحة التخزين
2. تقوم الواجهة الخلفية ببناء إستراتيجية التحميل والتحميل لإنشاء uploadToken
3. تقوم الواجهة الخلفية المكشوفة بإرجاع uploadToken
4. قبل تحميل الملفات على الواجهة الأمامية، اتصل بواجهة برمجة التطبيقات الخلفية للحصول على uploadToken.
5. نجحت الواجهة الأمامية في تحميل الصورة وحصلت على عنوان الصورة الذي أعادته Qiniu

كينيو

1. نقل الملفات مباشرة
2. تحميل بيانات الاعتماد
3. Node.js SDK

نهاية الطريق

1. شفرة

   ملاحظة: قبل بدء المشروع، استبدل AccessKey وsecretKey وbucketName والمعلمات الأخرى بالمعلمات المقابلة المقدمة من Qiniu.

2. طريقة طلب الواجهة

 # 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 "
    }
}

الواجهة الأمامية

1. شفرة

   ملاحظة: للحصول على مستندات محددة، يرجى الرجوع إلى تحميل عنصر واجهة المستخدم.