uniapp小程序图片上传功能

最新推荐文章于 2024-04-13 17:45:06 发布

VIP文章范闲~

最新推荐文章于 2024-04-13 17:45:06 发布

阅读量916

点赞数

分类专栏： uniapp 文章标签： javascript 前端

本文链接：https://blog.csdn.net/m0_60708088/article/details/125786721

版权

<template>
	{
  {uploadList}}
	{
  {img}}
	<uni-file-picker ref="files" v-model="imageValue" file-mediatype="image" file-extname="png,jpg" :limit="5"
		@select="select" @click="uploadImg" @delete='del' />
</template>
<script>
	export default {
		data() {
			return {
				imageValue: [],
				imageStyles: {
					width: 64,
					height: 64,
					border: {
						radius: '50%'
					}
				},
				listStyles: {
					// 是否显示边框
					border: true,
					// 是否显示分隔线
					dividline: true,
					// 线条样式
					borderStyle: {
						width: 1,
						color: 'blue',
						style: 'dashed',
						radius: 2
					}
				},
				formData: {
					OSSAccessKeyId: '',
					dir: '',
					key: '',
					alioss: true,
					success_action_status: '',
				},
				uploadUrl: '',
				uploadList: [],
				img: '&#