uview u-upload 多图上传

h5 代码   


上传图片
({{form.image.length}}/3)


js代码

export default {
		data() {
			return {
				form: {
					mobile: '',
					type: '',
					content: '',
					image: []
				},
                //设置header参数
                header:{
					version: 'x.x.x.x',
					token: '',
				},				
				//上传地址
				action: baseURL+'/shopapi/upload/image',//上传地址
				fileList: [],

			}
		},
		computed: {
			
		},
		methods: {
	
			updeal(e,index){
			 	this.form.image.push(e.data.uri) //上传成功加入数组
				
			},
			remove(index){
				this.form.image.splice(index,1)//移除图片
				
			}

		}
	};

你可能感兴趣的:(javascript,uniapp,前端)