FileUpload هو مكون كبير تحميل الملف مكتوب في جافا سكريبت النقي في الخارج. يدعم هذا المكون وظائف مثل Shard Upload ، واستمرار نقطة التوقف ، والملفات المتعددة.
فيما يلي طريقة لاستخدام القالب المخصص لمكون تحميل FileUpload (fineuploaderBasic):
فيما يلي رمز التكوين:
التكوين الأمامي:
<!-زر التعريف-> <div id = "basic_uploader_fine"> <i> </i> حدد ملف </div> <div id = "triggerupload"> انقر للتحميل </div> <! id = "pauseupload"> تعليق تحميل </div> <div id = "conterupload"> متابعة التحميل </div> <script> $ (document) .Ready (function () {$ fub = $ ('#basic_uploader_fine') ؛ $ messages = '#messages') Debug Mode متعددة: TRUE ، // زر التحميل متعدد الفاصل: $ fub [0] ، // زر التحميل autoupload: false ، // إذا لم تقم بالتحميل تلقائيًا ، اتصل بالطريقة uploadstoredfiless للتحميل يدويًا // التحقق من صحة ملف التحميل: {المسموح به: [jpeg " عنوان الطلب (العنوان النسبي أو المطلق) الطلب: {endpoint: 'server/endpoint.php'} ، Retry: {enableeauto: false // defults to false تلقائيًا} ، chunking: {encabled: true ، partsize: // size size ، default is 2m concurn "Server/Endpoint.php؟ Done" // تم الانتهاء من تحميل المجموعة بعد المعالجة}} ، filename) {$ ('#file-' + id) .addClass ('Alert-Info') .html ('<img src = "client /loading.gif">' + 'تهيئة' + '' ') ؛} ، // شريط التقدم onprogress: function ، fileDame ، total) {if total) '٪ من' + math.round (إجمالي/1024) + 'kb' ؛ "تحميل ملف ... ' + تقدم) ؛ ") ؛ "تم تحميله بنجاح!" " + اسم الملف +" ") الدالة (المعرف ، العقل ، maybexhrorxdr) $ (#cancelupload '). $ ('#pauseupload'). انقر فوق (function () {toploader.pauseupload (0) ؛}) ؛رمز PHP:
//handler.php ملف الموقع الرسمي يتطلب _once "handler.php" ؛ $ uploader = جديد eploadHandler () // حد حجم الملف limit $ uploader-> sizelimit = null ؛ // مربع ملف التحميل $ exploader-> inputName = "qqfile" ؛ // تحديد موقع التخزين للملفات المجمعة $ Uploader-> رمز Handler.php وأضاف قاعدة توليد المجلد [يمكنك أيضًا تخصيصها]) $ eploadDirectory = $ uploader-> getPathName ('member_avatar') ؛ if ($ method == "post") {header ("content-type: text/plain") ؛ // دمج المجموعة بعد تحميل المجموعة إذا (isset ($ _ GET ["done"])) {$ result = $ uploader-> combinechunks ($ UploadDirectory) ؛ // دمج الملفات المجمعة} آخر {// بدء تحميل ملف $ result = $ uploader-> handleupload ($ uploadDirectory) ؛ // احصل على الاسم المحمّل $ $ ["UploadName"] = $ uploader-> getUploadName () ؛ } echo json_encode ($ result) ؛} // حذف معالجة الملفات الأخرى إذا ($ method == "delete") {$ result = $ loader- echo json_encode ($ result) ؛} آخر {header ("http/1.0 405 طريقة غير مسموح بها") ؛}ما سبق هو تكوين قالب مخصص بسيط ، آمل أن يكون مفيدًا لتعلم الجميع.