vue+ Element-UI 中 使用Upload上傳圖片關於action的使用
阿新 • • 發佈:2020-12-11
<el-form-item label="圖片"> <el-upload class="avatar-uploader" :action="actionUrl" :show-file-list="false" :on-success="handleAvatarSuccess" :before-upload="beforeAvatarUpload" :headers="headers" name="file" v-loading="upImgLoading" element-loading-spinner="el-icon-loading" > <img v-if="newImageUrl" :src="newImageUrl" class="avatar" /> <i v-else class="el-icon-plus avatar-uploader-icon"></i> </el-upload> </el-form-item>
action:上傳圖片的地址(官方規定必傳)
actionUrl: fileurl, //請求的地址(封裝好的)
寫在data裡面
還有就是在headers裡邊新增token值,如下:
headers: { Authorization: Cookies.get("SET_TOKEN") }, //請求頭,
寫在data裡面