首页 > 代码库 > vuejs el-upload

vuejs el-upload

<el-upload class="upload-demo" drag action="https://jsonplaceholder.typicode.com/posts/" multiple>

<el-upload
  class="upload-demo"
  drag
  action="https://jsonplaceholder.typicode.com/posts/"
  multiple>
  <i class="el-icon-upload"></i>
  <div class="el-upload__text">将文件拖到此处,或<em>点击上传</em></div>
  <div class="el-upload__tip" slot="tip">只能上传jpg/png文件,且不超过500kb</div>
</el-upload>

这是官网的一个例子::auto-upload="false"加上这个属性不会自动上传;

action就是后端写的api去处理,在它自带的一些action中 只能获取一些文件的信息,没有文件里面的内容。

还是要用multer去保存,然后去fs读取文件内容。如果是excel 要借助 xlsx(https://github.com/SheetJS/js-xlsx)

vue的官网里面没有去写action的api,弄了很久

vuejs el-upload