องค์ประกอบการตัดตัวอย่างการอัพโหลด Avatar v2.1

ความรู้เบื้องต้นเกี่ยวกับการทำงานขององค์ประกอบการอัพโหลดอวตารแฟลช

1. รองรับการโทร php, asp, jsp, asp.net

2. รองรับการถ่ายและบันทึกรูปภาพประจำตัว

3. รองรับการอัปโหลดสำเร็จ ฟังก์ชั่นการโทรกลับ js

4. ความเข้ากันได้ดีเบราว์เซอร์ใด ๆ IE10, IE9, IE8, IE7IE6, firefox, chrome สามารถใช้งานได้ตามปกติ

5. อัปโหลดและดูตัวอย่าง ผู้ใช้สามารถเลือกพื้นที่ได้ตามต้องการ และรองรับการหมุนภาพแทนตัว

6. ไม่ว่ารูปภาพจะใหญ่หรือเล็กเกินไปก็สามารถแสดงเป็นขนาดคงที่ได้

7. รองรับการปรับความสว่าง คอนทราสต์ ความอิ่มตัวของสี

8. รองรับการประมวลผลภาพที่ไม่ผิดเพี้ยน

9. รองรับการอัพโหลดรูปภาพในรูปแบบ png, jpg, bmp, gif

10. รองรับการอัปโหลดขนาดที่กำหนดเองของอวตาร (พารามิเตอร์ pSize) เวอร์ชันองค์กร

11. รองรับขนาดที่กำหนดเองของกล่องครอบตัด (พารามิเตอร์ pCut) เวอร์ชันองค์กร

12. คุณสามารถกำหนดพื้นที่ครอบตัดรูปภาพได้โดยการย้าย ปรับขนาด หมุน ฯลฯ

13. พื้นที่ภาพที่ครอบตัดสามารถดูได้หลายขนาดแบบเรียลไทม์

14. ภาพที่ครอบตัดสามารถส่งไปยังเซิร์ฟเวอร์แบบอะซิงโครนัส (อินเทอร์เฟซ)

14: รองรับจำนวนรูปภาพที่อัพโหลด (เวอร์ชันองค์กร)

คำอธิบายพารามิเตอร์การตัดตัวอย่างการอัพโหลด Avatar:

imgUrl=default.jpgภาพเริ่มต้น

uploadUrl=upfile.php ได้รับอินเทอร์เฟซรูปภาพ

uploadSrc=false ว่าจะอัปโหลดภาพต้นฉบับหรือไม่

showCame=true ว่าจะแสดงกล้องหรือไม่

pCut=162|162 ขนาดกล่องครอบตัด

pSize=162|162|48|48|20|20 ดูตัวอย่าง บันทึกขนาดภาพ

pData=162|162|48|48|20|20บันทึกขนาดภาพ

ตัวอย่างเช่น: imgUrl=./default.jpg&uploadUrl=./upfile.php&uploadSrc=false&showCame=true&pCut=162|162&pSize=162|162|48|48|20|20&pData=162|162|48|48|20|20

การติดตั้งและการปรับใช้:

1. อัปโหลดไปยัง apache, iis, เซิร์ฟเวอร์ Tomcat, เข้าถึง index.html ผ่านชื่อโดเมน เช่น http://localhost/index.html

2. กำหนดสิทธิ์ในการเขียนของไดเร็กทอรีที่เก็บรูปภาพไว้ ไดเร็กทอรีที่เก็บรูปภาพใน iis+win คือผู้ใช้ทุกคน และ apache+linux ต้องการสิทธิ์ในการเขียน (777)

3. วิธีการแก้ไขข้อบกพร่องในการติดตั้ง firebug, F12->เครือข่าย->ทั้งหมด->ดูค่าส่งคืนอินเทอร์เฟซ

บันทึกการอัปเดตส่วนประกอบการอัปโหลดตัวอย่างการอัปโหลด Avatar:

เวอร์ชัน 2.1

1 แก้ไขข้อบกพร่องของการคลิก "Local Upload Image" ใน flash13 ขึ้นไป

2 รหัสทดสอบการรวมเฟรมเวิร์ก ssh (struts + spring + hibernate) ที่เพิ่มเข้ามาใหม่ v2.0

1. เพิ่มพารามิเตอร์ฟังก์ชันการโทรกลับ js picUrl, callbackdata

picUrl: เส้นทางรูปภาพแบ็กเอนด์

callbackdata: ข้อมูลส่งคืนแบ็กเอนด์

2. เพิ่มเส้นทางภาพแบ็กเอนด์ใหม่ savePath (เส้นทางปัจจุบันเริ่มต้น)

3. ชื่อรูปภาพที่บันทึกแบ็กเอนด์ที่เพิ่มใหม่ savePicName (ค่าเริ่มต้นคือการประทับเวลา)

4. แก้ไขชื่อบันทึกรูปภาพและจัดเก็บตามการประทับเวลา