const fd = new FormData(); fd.append("file", param.file); const config = { header: { "Content-Type": "multipart/form-data;" } };
时间: 2024-01-25 16:02:55 浏览: 107
这段代码用于创建一个FormData对象,并向其中添加一个名为"file"的文件数据,文件数据来自于传入的param对象的file属性。FormData对象可以将表单数据和文件数据组合成一份数据,便于上传到服务器端。
接下来,创建一个config对象,用于设置请求头信息。该对象的header属性设置了Content-Type为"multipart/form-data;",表示该请求传输的是multipart/form-data类型的数据,即包含文件数据的表单数据。这里使用了ES6的语法,将属性名和属性值简写为一个名称。
相关问题
react + ts 中 // 编辑器配置 const editorConfig: Partial<IEditorConfig> = { // 在编辑器中,点击选中“附件”节点时,要弹出的菜单 hoverbarKeys: { attachment: { menuKeys: ['downloadAttachment'], // “下载附件”菜单 }, }, MENU_CONF: { // 自定义上传图片 uploadImage: { async customUpload(file: File, insertFn: any) { try { const formData = new FormData(); formData.append('file', file); fetchApi(uploadImgFile, { param: formData, onRequestSuccessfull: (ret: any) => { const url = fileSever + ret?.result?.name; const alt = ret?.result?.originalName; const href = fileSever + ret?.result?.name; insertFn(url, alt || '', href || ''); }, }); } catch (error) { console.log(error); } }, }, // 自定义上传视屏 uploadVideo: { async customUpload(file: File, insertFn: any) { try { const formData = new FormData(); formData.append('file', file); fetchApi(uploadImgFile, { param: formData, onRequestSuccessfull: (ret: any) => { const url = fileSever + ret?.result?.name; const alt = ret?.result?.originalName; const href = fileSever + ret?.result?.name; insertFn(url, alt || '', href || ''); }, }); } catch (error) { console.log(error); } }, }, uploadAttachment: { // 自定义上传附件 async customUpload(file: File, insertFn: any) { try { const formData = new FormData(); formData.append('file', file); fetchApi(uploadImgFile, { param: formData, onRequestSuccessfull: (ret: any) => { const url = fileSever + ret?.result?.name; const name = ret?.result?.originalName; insertFn(url, name); }, }); } catch (error) { console.log(error); } }, }, }, };配置了自定义上传附件,但是在上传附件时没有执行自定义上传附件的服务,控制台报错‘Uncaught (in promise) Error: Cannot get upload server address 没有配置上传地址’
根据你提供的信息,错误信息显示没有配置上传地址。你需要检查一下 fetchApi 函数调用的 uploadImgFile 参数是否配置正确。此外,你也可以检查一下后端服务是否可以正常访问。如果这些都没有问题,你可以尝试在自定义上传附件的回调函数 onRequestSuccessfull 中打印一下 ret 参数,看看是否正确返回了上传附件的信息。
富文本编辑器 配置 uploadAttachment: { // 自定义上传附件 async customUpload(file: File, insertFn: any) { try { const formData = new FormData(); formData.append('file', file); fetchApi(uploadImgFile, { param: formData, onRequestSuccessfull: (ret: any) => { const url = fileSever + ret?.result?.name; const alt = ret?.result?.originalName; const href = fileSever + ret?.result?.name; insertFn(url, alt || '', href || ''); }, }); } catch (error) { console.log(error); } }, }, 还会报错没有配置上传地址
根据您提供的代码,您的上传附件插件配置似乎没有包含`uploadUrl`字段,这可能是报错“没有配置上传地址”的原因。请将您的上传附件插件配置中添加`uploadUrl`字段,并将其设置为您后端的上传接口地址,例如:
```
uploadAttachment: {
// 自定义上传附件
async customUpload(file: File, insertFn: any) {
try {
const formData = new FormData();
formData.append('file', file);
fetchApi(uploadImgFile, {
param: formData,
onRequestSuccessfull: (ret: any) => {
const url = fileSever + ret?.result?.name;
const alt = ret?.result?.originalName;
const href = fileSever + ret?.result?.name;
insertFn(url, alt || '', href || '');
},
});
} catch (error) {
console.log(error);
}
},
// 添加uploadUrl字段
uploadUrl: 'your-upload-url',
},
```
请将`your-upload-url`替换为您后端的上传接口地址。希望这个解决方案能够帮助您解决问题。
阅读全文