1. ในระหว่างการพัฒนาอาจจำเป็นต้องใช้ฟังก์ชั่นการอัปโหลดไฟล์แนบของผู้ใช้ เพื่อให้ตระหนักถึงฟังก์ชั่นการอัปโหลดแบทช์จริง ๆ แล้วมันจะวางงานอัปโหลดหลายงานในคอลเลกชันและอัปโหลดแยกต่างหาก
2. การใช้ปลั๊กอิน plupload JS สามารถใช้การอัปโหลดแบบหลายไฟล์ได้อย่างง่ายดายด้วยพารามิเตอร์
3. วิธีการใช้งาน JS เฉพาะ
<script type = "text/javascript"> var map = {}; // การรวบรวมคีย์รหัสไฟล์และค่าไฟล์ประเภท // ตัวอย่างที่กำหนดเอง logicvar uploader = ใหม่ plupload.uploader ({runtimes: 'html5, แฟลช, silverlight, html4', browse_button: document.getElementById ('container'), // ... หรือองค์ประกอบ DOM เอง: '../Action/photoupload.jsp', flash_swf_url:' ../../js/moxie.swf', silverlight_xap_url: '.././js/moxie.xap'yfileters {title: "ประเภทภาพ", ส่วนขยาย: "jpg, gif, png"}]}, init: {postinit: function () {document.getElementById ('uploadfiles'). onclick = function () {uploader.start (); uploader.setOption ("multipart_params", {"appType": $ {param.type}, "id": $ {param.id}, "fileType": map [file.id]});}, fileUp โหลด: ฟังก์ชัน (ขึ้น, ไฟล์) {$ ("#"+file.id+"btn"). parent (). html ("อัปโหลด"); $ ("#"+file.id+"btn"). remove ();}, filesadded: ฟังก์ชั่น (ขึ้น, ไฟล์) {ถ้า ($ ("#fileType"). val () == 1) {แจ้งเตือน ("โปรดเลือกประเภทสิ่งที่แนบมา!"); // ล้างไฟล์ที่คุณเลือกตอนนี้ plupload.each (ไฟล์ฟังก์ชั่น (ไฟล์) {map [file.id] = $ ("#fileType"). val (); $ ("#uploadTable"). ผนวก ("<tr id = '"+file.id+"tr'> <td>"+$ ("#fileType"). val () id = '"+file.id+" btn' onclick = del ('"+file.id+"')> ลบ </button> </td> <td id = '"+file.id+" _ progress'> </td> </tr> ");});};}, uploadprogress {$ ("#"+ file.id+ "_ progress"). html ('<span>'+ file.percent+ "%</span>");}, ข้อผิดพลาด: ฟังก์ชั่น (up, err) {แจ้งเตือน ("การอัปโหลดไฟล์นี้ล้มเหลว!");}}}); del (id) {uploader.removefile (id); $ ("#"+id+"tr"). ลบ (); แผนที่ [id] = "";} </script>พารามิเตอร์อื่น ๆ อยู่ในเว็บไซต์อย่างเป็นทางการ: http://www.plupload.com/
โปรแกรมเมอร์ Otaku ความสามารถทางวรรณกรรมของเขาไม่ดี หากคุณดูเหนื่อยให้คัดลอก JS โดยตรง โปรดทราบว่าต้องมี:
<div id = "filelist"> </div> <div id = "คอนเทนเนอร์"> <center> เคล็ดลับ: คุณต้องอัปโหลด "ใบอนุญาตธุรกิจการค้า", "ใบรับรองการลงทะเบียนภาษี", "ป้อนบัตรประจำตัวขององค์กร", "ภาพถ่ายการตรวจสอบ", "แบบสอบถามข้อมูลการค้า" และ "ข้อตกลงการค้า" เพื่อส่งการอนุมัติ! </enter> <dable> ประเภทไฟล์แนบ: </label> <select name = "fileType" id = "fileType"> <ค่าตัวเลือก = "1"> ------ โปรดเลือก ------ </opption> <ตัวเลือกค่า = "ใบอนุญาตธุรกิจการเปลี่ยนแปลงทางธุรกิจ ตาราง </opovie> <ตัวเลือกค่า = "อื่น ๆ "> อื่น ๆ </optup> </select> <button id = "pickfiles"> เลือกไฟล์ </button> <button id = "uploadfiles"> แบตช์อัปโหลด </tond> <button onclick = "window.location.reload () id = "uploadTable"> <tr> <td> ประเภทไฟล์ </td> <td> ชื่อไฟล์ </td> <td> การดำเนินการ </td> <td> ความคืบหน้าอัปโหลด </td> </tr> </dable> </div>
ข้างต้นคือสิ่งที่ตัวแก้ไขแนะนำให้คุณใช้พารามิเตอร์ที่กำหนดเองแบบ plupload เพื่อให้ได้การอัปโหลดแบบหลายไฟล์ ฉันหวังว่ามันจะเป็นประโยชน์กับทุกคน หากคุณมีคำถามใด ๆ โปรดฝากข้อความถึงฉันและบรรณาธิการจะตอบกลับทุกคนในเวลา ขอบคุณมากสำหรับการสนับสนุนเว็บไซต์ Wulin.com!