码迷,mamicode.com
首页 > Web开发 > 详细

vuejs el-upload

时间:2017-07-04 19:58:59      阅读:377      评论:0      收藏:0      [点我收藏+]

标签:jpg   tip   内容   ring   json   .com   dem   str   auto   

<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

标签:jpg   tip   内容   ring   json   .com   dem   str   auto   

原文地址:http://www.cnblogs.com/cylblogs/p/7117745.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!