<template>
|
<view>
|
<up-upload :fileList="fileList" useBeforeRead @beforeRead="afterRead" @delete="deletePic" name="6" :maxCount="1" width="150"
|
height="50">
|
<image :src="src" mode="widthFix" style="width: 150px;height: 50px;"></image>
|
</up-upload>
|
</view>
|
</template>
|
|
<script setup>
|
import {
|
ref,
|
reactive,
|
defineProps,
|
defineEmits
|
} from 'vue';
|
const props = defineProps({
|
src: {
|
type: String,
|
default: ''
|
}
|
});
|
const emit = defineEmits(['up-after-read']);
|
// let isShow = false
|
const fileList = reactive([]);
|
const deletePic = (event) => {
|
fileList.splice(event.index, 1);
|
};
|
const afterRead = (event) => {
|
console.log(event,'event');
|
emit('up-after-read', event);
|
};
|
// 新增图片
|
// const afterRead = async (event) => {
|
// // 当设置 mutiple 为 true 时, file 为数组格式，否则为对象格式
|
// let lists = [].concat(event.file);
|
// let fileListLen = fileList1.value.length;
|
// lists.map((item) => {
|
// fileList1.value.push({
|
// ...item,
|
// status: 'uploading',
|
// message: '上传中',
|
// });
|
// });
|
// for (let i = 0; i < lists.length; i++) {
|
// const result = await uploadFilePromise(lists[i].url);
|
// let item = fileList1.value[fileListLen];
|
// fileList1.value.splice(fileListLen, 1, {
|
// ...item,
|
// status: 'success',
|
// message: '',
|
// url: result,
|
// });
|
// fileListLen++;
|
// }
|
// };
|
</script>
|
|
<style>
|
|
</style>
|
