upload下載 - upload源代碼下載

upload

其他源碼

1.0.0

下載

Gliff.ai上傳

歡迎！

該存儲庫包含Gliff.ai上傳支持庫的開源代碼（Gliff.ai的組件，用於上傳多維圖像）。

上傳旨在允許用戶輕鬆上傳各種圖像文件，包括多維tiffs，以開發成像AI產品。當使用完整的Gliff.ai平台時，上傳僅提供了開發高質量和可審計數據集的一步，這些數據集滿足了任何相關的監管框架，使我們的用戶能夠構建改變世界和可信賴的AI模型和產品。

✅我們歡迎對此存儲庫的貢獻！ ✅

安裝

在命令行中運行npm install @gliff-ai/upload從NPM註冊表安裝軟件包。

發展

前端代碼應始終用打字稿編寫，並在此存儲庫中的tsconfig.json中使用這些選項進行thr鍵。 NPM應始終用於軟件包管理。

npm run serve將運行本地WebPack開發服務器以快速訪問。

要開始，請從根目錄運行npm i和npm run build 。

覆蓋和格式

作為標準，所有代碼貢獻都應使用.eslintrc.js用ESLINT來覆蓋，並以漂亮的格式進行。注意： HTML + CSS，標記和划痕代碼是豁免的，應使用漂亮的格式進行格式，但不需要覆蓋。

npm run lint將覆蓋代碼庫。

我們的github動作還將在合併之前提起所有拉的請求。

測試

所有代碼貢獻均應使用開玩笑和React測試庫進行測試。

npm run test將在我們的代碼庫中運行任何現有測試。

我們的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
  />
) ;