vue.js 点击按钮上传图片和预览(参考)

  //先介绍一下背景
  //首先头顶上有一个保存按钮,用来上传图片的
  //下面是内容 , 有一个input框,type=file.. 有一个button, 用来代替input去选择文件
  //我的后台是要从请求的api里拿到上传的url地址,再通过头顶的保存按钮上传,之后返回一个图片的url地址,动态绑定到页面的img标签上显示出来
  //参考了网上一些写法, 我这里只为了实现功能, 不做其它处理

//样式就不写了, 最后贴张图



第一次打印结果


firstPrint.png

选择图片后


chooseFile.png

第二次和第三次打印结果 ( 选择图片并点击保存上传按钮后)


twicePrint.png

你可能感兴趣的:(vue.js 点击按钮上传图片和预览(参考))