Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Panel
borderColorgreen
borderWidth1
titleBGColor#ddffcc
borderStylesolid
titleDefinition

Image Upload is designed to cater to images. Uploaded images will be displayed according to dimensions set. ถูกออกแบบมาเพื่อตอบสนองรูปภาพ ภาพที่อัปโหลดจะแสดงตามขนาดที่ตั้งไว้

Panel
borderColorpurple
borderWidth1
titleBGColor#ddccff
borderStylesolid
titleNew Feature

This feature is enhanced in Joget Workflow v6 to support multiple file upload as well as drag and drop file upload.ฟีเจอร์นี้ได้รับการปรับปรุงใน Joget Workflow เวอร์ชั่น 6 เพื่อรองรับการอัปโหลดไฟล์หลายไฟล์รวมถึงการลากและวางการอัปโหลดไฟล์


Figure ภาพที่ 1: Screenshot highlighting Image Upload in Form Builder ภาพตัวอย่างแสดงอัปโหลดภาพในแบบฟอร์ม 


Figure 2: Screenshot highlighting Image Upload with image uploaded in actual Form

ภาพที่ 2: ภาพตัวอย่างแสดงอัปโหลดภาพในแบบฟอร์มจริง


Figure ภาพที่ 3: Image Upload Propertiesคุณสมบัติอัพโหลดภาพ

NameDescription
IDElement ID (By declaring as รหัส (เมื่อประกาศชื่อ "photo" , a corresponding database table column แล้ว จะมีการสร้างคอลัมน์ตารางในฐานข้อมูลว่า "c_photo" will be created)
LabelElement Label to be displayed to end userชื่อที่จะแสดงให้ผู้ใช้เห็น.

 

Figure 4: Image Upload Properties - UI คุณสมบัติอัพโหลดภาพหน้าจอผู้ใช้

NameDescription
Allowed multiple files upload?When checked, multiple files can be uploaded.
อัปโหลดไฟล์ได้หลายไฟล์หรือไม่
Readonly

Determines if the element is editable.กำหนดว่าข้อความสามารถแก้ไขได้หรือไม่

Drop zone padding

Determine the extra size of padding for larger drop zone.กำหนดขนาดพื้นที่ของช่องว่าง

Info
titleExample

50px

Info
titleExample

5%

Width (px)Width in integerความกว้าง
Height (px)Height in integerความสูง
Create Thumbnail?Determines if the element will create a thumbnail and show it below the upload file element after image is uploaded.
พิจารณาว่าจะสร้างภาพขนาดย่อและแสดงไว้ด้านล่างไฟล์อัพโหลดหลังจากอัพโหลดภาพหรือไม่

 

Figure 5: Image Upload Properties - Advanced Options

NameDescription
Validator

Attach a Validator plugin to validate the input value.แนบปลั๊กอิน Validator เพื่อตรวจสอบความถูกต้องของค่าที่ป้อนเข้ามา

Info
titleWhen will validation takes place?

Validation will takes place whenever form is submitted except when it is submitted as การตรวจสอบจะเกิดขึ้นทุกครั้งที่มีการบันทึกแบบฟอร์มยกเว้นเมื่อบันทึกเป็น "Save as Draft".

Maximum File Size (kb)Maximum File Size ขนาดของไฟล์สูงสุดที่ขนาด (KB) in Integer. 
Error Message (File size limit exceeded)Error Message when file size exceeded.
ข้อความแสดงข้อผิดพลาดเมื่อขนาดไฟล์เกิน
Image File Type

Accepted file extensionนามสกุลไฟล์ที่ยอมรับ (s). (Semicolon separated values)คั่นด้วยเครื่องหมายอัฒภาค)

Code Block
titleExample
.png;.jpg
Error Message (File type mismatch)Error Message when file type mismatched.ข้อความแสดงข้อผิดพลาดเมื่อประเภทไฟล์ไม่ตรงกัน
Delete actual file during overwrite or remove?

 Actual file will be deleted when file is removed or being overwritten.ไฟล์จะถูกลบเมื่อลบไฟล์หรือถูกเขียนทับ

Info
titleNew Feature

Newly introduced in เพิ่งเปิดตัวใน Joget Workflow v6เวอร์ชัน 6

Permission

 Manage on who is able to access the file uploaded. Read more at จัดการว่าใครสามารถเข้าถึงไฟล์ที่อัพโหลด อ่านเพิ่มเติมได้ที่ การควบคุมสิทธิ์.