ABP: wangEditor 上傳圖片介面回應 400

2024年4月17日#ABP #wangEditor44

AI 翻譯

這篇文章透過AI由英文翻譯成繁體中文。查看原文

AI 生成的摘要

方法一：在接口方法上添加注解[IgnoreAntiforgeryToken]以忽略AntiforgeryToken验证。方法二：使用abp生成的函数上传图片，内部处理了AntiforgeryToken。可以自定义上传图片的功能，通过自己实现上传并获取图片的url、alt和href，最后插入图片。参考链接：https://github.com/abpframework/abp/pull/13599/files，https://docs.abp.io/en/abp/latest/CSRF-Anti-Forgery。

方法一：在接口方法上添加注解：

[IgnoreAntiforgeryToken]

方法二：自定义上传：
使用 abp 生成的函数上传，内部处理了 AntiforgeryToken

editorConfig.MENU_CONF['uploadImage'] = {
    // 自定义上传
    async customUpload(file, insertFn) { 
        // async customUpload(file, insertFn) {                   // JS 语法
        // file 即选中的文件
        // 自己实现上传，并得到图片 url alt href
        const formData = new FormData();
        formData.append('images', file);

        const response = await miaoXin.controllers.wangEditorFile.uploadImages({}, {
            data: formData,
            // 必须false才会自动加上正确的Content-Type
            contentType: false,
            // 必须false才会避开jQuery对 FormData 的默认处理
            // XMLHttpRequest 会对 FormData 进行正确的处理
            processData: false,
        });

        // 最后插入图片
        insertFn(url, alt, href)
    }
}

參考：