RMYY_CallCenter_UI/CallCenterWe.../RMYYAPP/pages/components/upload/upload.vue

<template>
	<view>
		<uni-file-picker :value="imgUrlList" @select="handleSelect" @delete="handleDelete" class="uniFilePicker" limit="9" title="最多选择9张图片"/>
	</view>
</template>

<script>
	import indexConfig from '@/config/index.config';
	export default {
		data() {
			return {
				imgIdList:[],
				filePathsList: [],
			}
		},
		props: {
			imgUrlList: {
				type: Array,
				default(){
					
				}
			} 
		},
		watch: {
			'imgUrlList': function(){
				console.log(this.imgUrlList)
				this.imgUrlList.forEach((v,n) => {
					this.imgIdList.push(v.id)
					this.filePathsList.push({
						url: v.url
					})	
				})
			}
		},
		methods: {
			handleSelect(res) { 	// 上传图片
				uni.showLoading({title: '加载中'})
				res.tempFilePaths.forEach((item) => {
					this.uploadImg(item)
				})
			},
			handleDelete(err) { 
				const num = this.filePathsList.findIndex(v => v.url === err.tempFile.path);
				this.filePathsList.splice(num, 1);
				this.imgIdList.splice(num, 1)
				this.getImgData(this.imgIdList)
			},
			uploadImg(tempFilePaths){
				this.filePathsList.push({
					url: tempFilePaths
				})
				uni.uploadFile({
					header: {
						Authorization: uni.getStorageSync('Admin-Token')
					},
					url: indexConfig.baseUrl + "/FaultRepair/UploadFile",
					filePath: tempFilePaths,
					name: 'file',
					success: (res) => {
						console.log(11)
						uni.hideLoading()
						const data = JSON.parse(res.data)
						this.imgIdList.push(data.data[0].F_FileId)
						this.getImgData(this.imgIdList)
					},
					fail:(erro) => {
						
					}
				})
				// console.log(uni.getStorageInfoSync('Admin-Token'))
				// this.$http.upload("FaultRepair/UploadFile",{
				// 	filePath: tempFilePaths,
				// 	name: 'file',
				// 	header: {
				// 		Authorization: localStorage.getItem('Admin-Token')
				// 	}
				// 	// formData: {
				// 	// 	token: localStorage.getItem('Admin-Token')
				// 	// },
				// }).then((res)=>{
				// 	if(res.message.toLowerCase()==="成功"){
				// 		uni.hideLoading()
				// 		console.log(this.imgUrlList)
						
				// 		this.imgIdList.push(res.data[0].F_FileId)
				// 		this.getImgData(this.imgIdList)
				// 	}
				// }).catch((e) => {
			 //      console.log(e);
			 //  })
			},
			getImgData(data){
				this.$emit('post-string-data',data)
			},
		}
	}
</script>

<style>

</style>