uniapp--上传图片

uniapp–上传图片

由于uniapp自带的上传图片组件,删除图片和预览原来的图片存在bug,所以本人就在原来的组件的基础上进行了改进

实现思路

  • 父组件将已经存在的图片路径传递给子组件
    • 子组件接收到之后,imageList子组件中一个存储图片路径的数组
    • this.imageList.push(val); this.uploadImguRL += val+','; 在这两句代码的外面是一个forEach循环
    • uploadImguRL 上传到服务器的图片路径

代码

	
		
		
		
		
		
			
		
	


使用组件注意

  • upload.vue是存放下面上传图片封装的组件的代码
  • app.js 这个文件是用于封装路径的
  • common.js 这个里面封装的有原来图片的路径

上传图片的组件

	
	
		
			
{{ msgText }} {{imageList.length}}/{{ fileCount }}

你可能感兴趣的:(uniapp--上传图片)