js 图片上传

可能很多不熟悉的图片上传的同学会觉得有点懵,其实做过一次你就会发现特别的简单。

只是一个formData格式的表单提交,把地址写到 action = "" 里面就可以了,当然你可以选择自动上传还是点击上传按钮手动上传

这个根据业务需求和你喜好来,原理都是一样的。当然还有很多别的属性,比如文件夹默认只会选择什么格式文件,也可以jiaoyan校验文件大小等等...

如果有兴趣的话可以在网上查下资料,应该有。最后附上element文件上传的一部分代码。

<el-upload
  class="upload-demo"
  action="https://*******************"
  :on-preview="handlePreview"
  :on-remove="handleRemove"
  :before-remove="beforeRemove"
  multiple
  :limit="3"
  :on-exceed="handleExceed"
  :file-list="fileList">
  <el-button size="small" type="primary">点击上传</el-button>
  <div slot="tip" class="el-upload__tip">只能上传jpg/png文件,且不超过500kb</div>
</el-upload>

 

posted on 2018-07-26 15:45  程序猿-alvin  阅读(118)  评论(0编辑  收藏  举报

导航