好资源导航 » 文章资讯 » vue中使用elementUI组件手动上传图片功能

vue中使用elementUI组件手动上传图片功能

2023-08-04 14:37:05 68

Vue框架简介

Vue是一套构建用户界面的框架，开发只需要关注视图层，它不仅易于上手，还便于与第三方库或既有项目的整合。是基于MVVM（Model-View-ViewModel）设计思想。提供MVVM数据双向绑定的库，专注于UI层面

使用elementUI上传图片时遇到跨域问题，所以需要自己写一个手动上传图片的方法

代码：

html


选取图片

method

ImgUploadSectionFile(param){//图片上传
letformData=newFormData();//formdata格式
formData.append('Img',param.file);
request.post("url",formData).then(res=>{
if(res.code==200){//成功
console.log(res)
}
});
}

我做的是后台返回上传的图片字符串地址然后我加到对象中点击总按钮时再发送到后台所以添加结束之后需要加下面这行代码

this.$refs.upload.clearFiles();//清空

总结

以上所述是小编给大家介绍的vue中使用elementUI组件手动上传图片功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对毛票票网站的支持！
如果你觉得本文对你有帮助，欢迎转载，烦请注明出处，谢谢！

声明：本文内容来源于网络，版权归原作者所有，内容由互联网用户自发贡献自行上传，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任。如果您发现有涉嫌版权的内容，欢迎发送邮件至：czq8825#qq.com（发邮件时，请将#更换为@）进行举报，并提供相关证据，一经查实，本站将立刻删除涉嫌侵权内容。

返回顶部
514930285
czq8825@qq.com

vue中使用elementUI组件手动上传图片功能

热门推荐

随机推荐