Vue 2.0中如何对接七牛云，而且不用引入七牛的各种插件

最新推荐文章于 2024-07-08 17:32:00 发布

桑凯S

最新推荐文章于 2024-07-08 17:32:00 发布

阅读量3.8k

点赞数

分类专栏：前端文章标签： vue2.0 七牛不需要引入七牛插件

本文链接：https://blog.csdn.net/sk12138/article/details/79442606

版权

本文详细介绍了在Vue 2.0项目中如何直接对接七牛云服务，实现文件上传等功能，无需额外引入七牛的官方插件。通过自定义组件和利用七牛云提供的API，简化了集成过程，降低了项目依赖。

摘要由CSDN通过智能技术生成

 
  实现要引入vue-resource  
 
  myFileOnChange 
  : 
  function ( 
  e) { // 这里是你的input file 的onchange事件 
 
  const 
  file = 
  e. 
  srcElement. 
  files[ 
  0] // 获取到你选择的图片 
 
  const 
  imgURL = 
  window. 
  URL. 
  createObjectURL( 
  file) // 保存你选择图片的本地路径 
 
   // 一般咱们选择图片后会先让图片在img标签里显示一下，这里你可以先用这个路径，没有问题 
 
   // 本地路径只有在你的电脑上才可以显示，这一步就是当你选择图片的时候先显示在你的img标签里 
 
  // let file = e.target.files[0]; 
 
  let 
  d = 
  new 
  Date() 
 
  let 
  type = 
  file. 
  name. 
  split( 
  '.')