<div class="cnblogs_code">
点击上传
<div class="cnblogs_code">
点击上传
js
接口:
调用:
<span style="color: #0000ff">return</span> <span style="color: #0000ff">this</span><span style="color: #000000">.$confirm(`确定移除 ${ file.name }?`);
},onRemove(file,fileList) { </span><span style="color: #008000">//</span><span style="color: #008000">删除清空</span>
<span style="color: #008000">//</span><span style="color: #008000"> console.log(file,fileList)</span>
<span style="color: #0000ff">this</span>.filesId =<span style="color: #000000"> [];
},uploadSectionFile(param) {
</span><span style="color: #0000ff">var</span> fileObj =<span style="color: #000000"> param.file;
</span><span style="color: #0000ff">var</span> formData = <span style="color: #0000ff">new</span><span style="color: #000000"> FormData();
formData.append(</span>'file'<span style="color: #000000">,fileObj);
</span><span style="color: #008000">//</span><span style="color: #008000"> console.log('formData',fileObj.size)可做大小限制等</span>
uploadFile(formData).then((res) => { <span style="color: #008000">//</span><span style="color: #008000">请求数据</span>
<span style="color: #0000ff">if</span> (res.code == 200<span style="color: #000000">) {
</span><span style="color: #0000ff">this</span><span style="color: #000000">.filesId.push(res.body.id);
</span><span style="color: #0000ff">this</span><span style="color: #000000">.$message.success(`上传成功`);
} </span><span style="color: #0000ff">else</span><span style="color: #000000"> {
</span><span style="color: #0000ff">this</span><span style="color: #000000">.$message({
message: res.message,type: </span>'error'<span style="color: #000000">
});
}
});
}</span></pre>
具体详见官方api,很详细
http://element.eleme.io/#/zh-CN/component/upload#attribute
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。