在vue项目中引入wangeditor-for-vue,上传图片配置代码:
- this.editorConfig.MENU_CONF['uploadImage'] = {
- server: 'http://localhost:3001//editorimg',
- fieldName: 'editorimg',
- headers: {
- token: getToken(),
- username: getUserName()
- },
- }
在开发环境中运行正常,但打包部署到nginx后上传报错:u.upload.addEventListener is not a function,尝试过一些方法,还是报错,比如删除和注释掉关于mockjs的一切。
后来还是用了自定义方法上传:
- this.editorConfig.MENU_CONF['uploadImage'] = {
- // server: 'http1://localhost:3001',
- // fieldName: 'editorimg',
- // maxFileSize: 5 * 1024 * 1024, // 1M
- // headers: {
- // token: getToken(),
- // username: getUserName()
- // },
- // 单个文件上传成功之后
- // 自定义上传
- async customUpload(file, insertFn) {
- // file 即选中的文件
- // 自己实现上传,并得到图片 url alt href
- var form = new FormData();
- form.append("image", file);
- uploadFile('/api/upload/image',form).then((response) => {
- // console.log(response);
- // 最后插入图片
- insertFn(response.url, '', response.url)
- })
-
- }
- }