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>