Vue+Element-UI 上傳圖片，打開相機(jī)，相冊

Element-UI中提供的Upload組件，是用來上傳文件用的，并沒有單獨(dú)的純用來上傳圖片的組件，所以，在部分瀏覽器(手機(jī))中，打開后會(huì)發(fā)現(xiàn)是文件列表，而不是相機(jī)\相冊按鈕。

解決方法

例如在如下一個(gè)普通的upload組件中，

<el-uploadclass="avatar-uploader"accept="image/*"action="https://jsonplaceholder.typicode.com/posts/":show-file-list="false":on-success="handleAvatarSuccess":before-upload="beforeAvatarUpload"><img v-if="imageUrl" :src="imageUrl" class="avatar"><i v-else class="el-icon-plus avatar-uploader-icon"></i> </el-upload>

只需要添加accept="image/*"屬性，就可以完美解決問題了，瀏覽器會(huì)識別出這個(gè)標(biāo)識，顯示出相機(jī)\相冊的按鈕。

總結(jié)

以上是生活随笔為你收集整理的Vue+Element-UI 上传图片，打开相机，相册的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。