图片上传踩坑Uncaught (in promise) error

业务需求

实现编辑器的截图上传功能，返回图片地址显示功能；
使用了mavonEditor 这个工具
地址是这个 https://github.com/hinesboy/mavonEditor/blob/master/doc/cn/upload-images.md

图片上传前端报错情况

上截图，前端报错，但是接口已经返回了；

一直以为是前端的问题。。。。

后来才发现是接口返回参数不能这么定义

错误写法

前端处理

// 获取图片地址uploadAddpicture(formdata) {return request({url: '/blogservice/blogs/bolg/url',method: 'post',data: formdata,headers: { 'Content-Type': 'multipart/form-data' }})},

调用

  methods: {$imgAdd(pos, $file) {// 第一步.将图片上传到服务器.var formdata = new FormData()formdata.append('image', $file)blogs.uploadAddpicture(formdata).then((response) => {// console.log('-=-=hello'+response)this.$refs.md.$img2Url(pos, response.data.url)})

参考代码请看小老弟写的这个demo哈！

https://github.com/coder-msc/guliEduFont/tree/master/src/api/blog

有帮助的话，帮忙点个star哈！！！

图片上传踩坑Uncaught (in promise) error相关推荐

WangEditor富文本编辑器图片上传踩坑之路
最近由于业务需求,需要用到富文本编辑器,找寻了好久,起初想使用百度的ueditor,但在使用的过程中实在是遇到了太多的坑,于是另外锁定了一款富文本编辑器--wangEditor.这是一款轻量级的富文本 ...
百度富文本Ueditor图片上传趟坑之路
之所以写这片文章是自己在使用Ueditor当中,自己遇到的一些问题整理一下 1. 项目说明:使用Ueditor的项目是一个后台管理的项目,采用maven搭建的ssh框架另外添加了redis等组件,当中 ...
channelsftp 上传文件为空_文件上传踩坑记及文件清理原理探究
目录 1. 糟糕的异步存储文件实现 2. 异常原因推理 3. 问题解决方式 4. spring清理文件原理 5. tomcat清理文件原理最近搞一个文件上传功能,由于文件太大,或者说其中包含了比较多 ...
postman+nestjs文件上传踩坑记录
记录一下最近使用nestjs上传文件踩的坑. file.controller.ts @Post('upload')//注意:这里的'excel'名称一定要和使用postman上传文件时使用的key一样 ...
阿里云oss上传踩坑
xhr.withCredentials = true,默认为true,不要脑残改为false: 不要设置这样一个请求头,xhr.setRequestHeader('Content-Type', 'mu ...
【微信小程序】图片上传组件“mp-uploader“(weui)
使用示例 wxml <mp-uploader files="{{files}}" max-count="{{maximgs}}" max-size=& ...
富文本编辑器quill-editor自定义图片上传
目录 1.页面引入 2.自定义imge处理的图片上传组件 3.图片上传成功后回显嵌入 4.最终呈现效果 5.源码之前我整理过一篇文章,Quill编辑器实现图片上传功能(戳链接可查看) 但是想来那个是 ...
通过图片和base64互转，实现图片上传和下载显示以及踩坑
前言实现一个类似于微信的图片界面,包括拍照和相册,拍照包括裁剪,相册包括预览,可以选中指定张数的图片,将图片转换为base64上传到服务器.可以从服务器将已经上传的图片资源,通过base64字符串下 ...
react-quill 图片上传及图片粘贴功能踩坑记录
Gitlab React-quill:https://github.com/zenoamaro/react-quill 中文文档 Quill:http://doc.quilljs.cn/1409381 ...

图片上传踩坑Uncaught (in promise) error

业务需求

图片上传前端报错情况

一直以为是前端的问题。。。。

错误写法

前端处理

参考代码请看小老弟写的这个demo哈！

有帮助的话，帮忙点个star哈！！！

图片上传踩坑Uncaught (in promise) error相关推荐

最新文章

热门文章