vue移动端图片上传

没有用插件就简单的图片上传

页面布局如下

          
          

            
          
          

            +
            
添加名片或相关图片
          
 

css样式

.input-up {
  padding: 0.26rem 0.18rem;
}
.input-up .upload {
  width: 2.36rem;
  height: 1.4rem;
  border: 1px solid #f5f5f5;
}
.input-up .upload span {
  display: block;
  text-align: center;
  font-size: 0.6rem;
  color: #d8d8d8;
}
.input-up .uploads {
  width: 1.4rem;
  height: 1.4rem;
  border: 1px solid #f5f5f5;
}
.input-up .uploads img {
  display: block;
  width: 100%;
  height: 1.4rem;
}
.input-up .upload p {
  text-align: center;
  font-size: 0.2rem;
  color: #d8d8d8;
}

接口请求用的是axios