upload ดาวน์โหลด - upload ซอร์สโค้ดดาวน์โหลด

upload

ซอร์สโค้ดอื่น ๆ

1.0.0

ดาวน์โหลด

Gliff.ai อัปโหลด

ยินดีต้อนรับ!

ที่เก็บนี้มีรหัสโอเพนซอร์สสำหรับไลบรารีการสนับสนุนการอัปโหลดของ Gliff.ai (ส่วนประกอบของ Gliff.ai สำหรับการอัปโหลดรูปภาพหลายมิติ)

การอัปโหลดมีจุดมุ่งหมายเพื่อให้ผู้ใช้สามารถอัปโหลดไฟล์รูปภาพที่หลากหลายได้อย่างง่ายดายรวมถึง TIFF หลายมิติเพื่อวัตถุประสงค์ในการพัฒนาผลิตภัณฑ์ AI การถ่ายภาพ เมื่อใช้แพลตฟอร์ม Gliff.AI เต็มรูปแบบการอัปโหลดให้เพียงขั้นตอนเดียวในการพัฒนาชุดข้อมูลที่มีคุณภาพสูงและตรวจสอบได้ซึ่งเป็นไปตามกรอบการกำกับดูแลที่เกี่ยวข้องซึ่งช่วยให้ผู้ใช้ของเราสามารถสร้างโมเดลและผลิตภัณฑ์ AI ที่เปลี่ยนแปลงไปทั่วโลกและน่าเชื่อถือ

✅ เรายินดีต้อนรับการมีส่วนร่วมในที่เก็บนี้!

สารบัญ

กำลังมองหาสิ่งที่เฉพาะเจาะจง? -

การแนะนำที่เก็บข้อมูล
สารบัญ
การติดตั้ง
การพัฒนา
ผ้าสำลีและการจัดรูปแบบ
การทดสอบ
ตัวอย่างการใช้งาน
มีส่วนช่วย
ติดต่อ
ใบอนุญาต

การติดตั้ง

เรียกใช้ npm install @gliff-ai/upload ในบรรทัดคำสั่งของคุณเพื่อติดตั้งแพ็คเกจจากรีจิสทรี NPM

การพัฒนา

รหัสส่วนหน้าควรเขียนใน typeScript และ transpiled โดยใช้ตัวเลือกใน tsconfig.json ในที่เก็บนี้ NPM ควรใช้สำหรับการจัดการแพ็คเกจเสมอ

npm run serve จะเรียกใช้เซิร์ฟเวอร์นักพัฒนาเว็บแพ็คท้องถิ่นเพื่อการเข้าถึงที่รวดเร็ว

ในการเริ่มต้นใช้งาน Run npm i และ npm run build จากไดเรกทอรีราก

ผ้าสำลีและการจัดรูปแบบ

ตามมาตรฐานการมีส่วนร่วมของรหัสทั้งหมดควรได้รับการขนานกับ ESLINT โดยใช้ .eslintrc.js และจัดรูปแบบด้วย prettier หมายเหตุ: HTML + CSS, MARK-UP และ MARK-DOWN CODE เป็นข้อยกเว้นและควรจัดรูปแบบโดยใช้ PRETTIER แต่ไม่จำเป็นต้องเป็นผ้าสำลี

npm run lint จะผ้าสำลี codebase

การกระทำของ GitHub ของเราจะผ้าสำลีคำขอดึงใด ๆ ก่อนที่พวกเขาจะถูกรวมเข้าด้วยกัน

การทดสอบ

การมีส่วนร่วมของรหัสทั้งหมดควรได้รับการทดสอบโดยใช้ทั้ง jest และ react testing library

npm run test จะเรียกใช้การทดสอบที่มีอยู่ใน codebase ของเรา

การกระทำของ GitHub ของเราจะทดสอบคำขอดึงใด ๆ ก่อนที่พวกเขาจะรวมกัน! ทั้งหมดนี้จะต้องผ่านและได้รับการอนุมัติจากผู้ตรวจสอบ 2 คนก่อนที่คำขอดึงสามารถรวม หากหนึ่งหรือไม่กี่ล้มเหลวและการแก้ไขปัญหาของคุณไม่ได้ให้คำตอบโปรดตรวจสอบคู่มือการบริจาค gliff.ai สำหรับคำแนะนำเพิ่มเติม

การบูรณาการอย่างต่อเนื่อง

การกระทำของ GitHub ควรรวมอยู่ภายใต้เส้นทาง .github/workflows เท่านั้น

ตัวอย่างการใช้งาน

นำเข้าโมดูล UploadImage และประเภท ImageFileInfo :

 import { UploadImage } from @ gliff - ai / upload ;
import type { ImageFileInfo } from @ gliff - ai / upload ;

ใช้โมดูล UploadImage :

 setUploadedImage = (
  imageFileInfo : ImageFileInfo ,
  slicesData : Array < Array < ImageBitmap >>
) : void => {
  this . imageFileInfo = imageFileInfo ;
  this . slicesData = slicesData ;
} ;

render = ( ) : ReactNode => (
  < UploadImage
    setUploadedImage = { this . setUploadedImage }
    spanElement = {
      < Button aria-label = "upload-picture" component = "span" >
        < Backup />
      </ Button >
    } // A <span> element that marks the clickable area.
    multiple // allow uploading multiple files at once; use multiple={false} to disallow
  />
) ;

ตัวอย่างด้านบนใช้วัสดุ -ui

มีส่วนช่วย

เรายินดีต้อนรับผู้มีส่วนร่วมทั้งหมดและการมีส่วนร่วมใด ๆ ในโครงการนี้ผ่านข้อเสนอแนะเกี่ยวกับหรือแนะนำคุณสมบัติและการปรับปรุงการเพิ่มปัญหาข้อผิดพลาดการรายงานเกี่ยวกับช่องโหว่ด้านความปลอดภัยการตรวจสอบรหัสการร้องขอหรือสร้างการทดสอบการทดสอบผู้ใช้ ฯลฯ

ฟังดูดีและต้องการมีส่วนร่วมในโครงการหรือไม่? ?
โปรดตรวจสอบคู่มือการบริจาค Gliff.ai ก่อนที่จะเริ่มต้น อย่าลืมจรรยาบรรณ Gliff.AI และนโยบายความปลอดภัยของ Gliff.ai ด้วย!

ขอขอบคุณมากจากทีม Gliff.AI ทั้งหมดไปยังเพื่อนร่วมงานเหล่านี้ (Key Emoji):

_{เสียงดัง}

_{Chas Nelson}
- - - -

_{ฟิลิปแจ็คสัน}
- -

_{Craig Cooper}
- -

โครงการนี้เป็นไปตามข้อกำหนดทั้งหมดของผู้เข้าร่วมและใช้ประโยชน์จากคีย์อิโมจิทั้งหมดเพื่อให้เครดิตประเภทของการมีส่วนร่วมจากชุมชนของเรา!