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

使用Vue Img Inputer非常簡(jiǎn)單，只需要將組件引入到項(xiàng)目中即可。

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還提供了一些其他選項(xiàng)，如：

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

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