Vue Img Inputer是一個基于Vue.js的圖像上傳組件。它不僅提供了一個簡單的圖像上傳按鈕，還支持拖放和文件格式驗證等功能，并且可以自定義上傳文件大小、文件類型和上傳地址等選項。

使用Vue Img Inputer非常簡單，只需要將組件引入到項目中即可。

import Vue from 'vue'
import VueImgInputer from 'vue-img-inputer'
Vue.use(VueImgInputer)

然后，在需要使用圖像上傳組件的地方，只需要添加如下代碼：

<vue-img-inputer v-model="imageUrl" :max-size="1024" :accept="'image/*'" :upload-url="'/api/upload'"/>

代碼中的v-model綁定了上傳后的圖像地址，max-size指定了上傳文件的最大大小，accept指定了允許上傳的文件格式，upload-url指定了上傳文件的地址。

除此之外，Vue Img Inputer還提供了一些其他選項，如：

• multiple：是否允許上傳多個文件，默認為false。
• name：上傳文件的字段名，默認為file。
• with-credentials：是否攜帶cookie等敏感信息，默認為false。
• preview-size：預覽圖像的大小，默認為100。
• preview-quality：預覽圖像的質量，默認為0.7。

總之，Vue Img Inputer是一個功能強大的圖像上傳組件，非常適合用于Vue.js項目中。它簡單易用，支持多種選項，能夠滿足絕大部分圖像上傳需求。