octobercms 圖片裁剪外掛

jcc123發表於2019-01-05

github

小部件列表

  • 自定義圖片裁剪外掛

自定義圖片裁剪外掛使用場景

有這樣的一個場景，你要釋出一個活動，而活動的封面圖需要固定比例大小，而octobercms並沒有提供這樣的一個外掛（提供的只是一個從後臺獲取圖片並裁剪，上傳到一個關聯模型，並不是一個欄位裡），而目前遇到了這樣的一個需求，實現出來，方便大家。

要求

圖片最後是上傳到阿里雲oss 依賴 oc-plugin-oss

如何使用

1 預設不裁剪
 image:
    label: 封面圖
    type: Jc91715\Widget\FormWidgets\CustomFileUpload
2 啟用裁剪,寬高比為1
 image:
    label: 封面圖
    type: Jc91715\Widget\FormWidgets\CustomFileUpload
    ifCrop: 1
    radio: 1
3 頁面上多個使用需定義一些額外引數，這些額外引數是為了防止和其它引入的元素衝突
    image1:
        label: 封面圖2
        type: Jc91715\Widget\FormWidgets\CustomFileUpload
        ifCrop: 1
        radio: 1
        inputId: custom-input-src2
        inputFileId: file-change2
        imgId: img-src-temp2
        cropId: crop-id2

在一個頁面上引入多個，這四個引數依次遞增即可

    inputId: custom-input-src2
    inputFileId: file-change2
    imgId: img-src-temp2
    cropId: crop-id2
本作品採用《CC 協議》，轉載必須註明作者和本文連結
NOT IS BECAUSE I WANT TO WRITE， BUT I WANT TO INCREASE, SO I GO TO WRITE~~

相關文章