elementui 手动上传文件 post 请求
// 上传图片校验
fileChange(file) {
const isJPG = file.raw.type === 'image/jpeg'
const isPNG = file.raw.type === 'image/png'
const isLt2M = file.raw.size / 1024 / 1024 < 0.2
if (!isPNG && !isJPG) {
this.fileList = []
this.$message.error('上传图片只能是 JPG/PNG 格式!')
return false
} else if (!isLt2M) {
this.$message.error('上传图片大小不能超过 200kb!')
this.fileList = []
return false
} else if (isLt2M && (isPNG || isJPG)) {
const obj = {
url: file.url,
raw: file.raw,
name: file.name
}
this.fileList.push(obj)
this.noneBtnImg = this.fileList.length >= this.limitCountImg
this.picUpload(obj)
}
},
picUpload(obj) {
const formData = new FormData()
formData.append('file', obj.raw)
uploadPicture(formData).then((res) => {
if (res.code === 200) {
this.picUrl = res.data
}
})
}
uploadService.interceptors.request.use(
config => {
config.headers['Content-Type'] = 'multipart/form-data'
if (store.getters.token) {
config.headers['X-Token'] = getToken()
}
return config
},
error => {
return Promise.reject(error)
}
)
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 阿里最新开源QwQ-32B,效果媲美deepseek-r1满血版,部署成本又又又降低了!
· 开源Multi-agent AI智能体框架aevatar.ai,欢迎大家贡献代码
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· AI技术革命,工作效率10个最佳AI工具