ABP: wangEditor 上传图片接口响应 400

Apr 17, 2024#ABP #wangEditor119

AI-generated summary

There are two methods to handle AntiforgeryToken in a web application: adding an annotation to the interface method or customizing the upload process. The second method involves using a custom upload function generated by abp, which handles the AntiforgeryToken internally. More information can be found in the provided references.

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

[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)
    }
}

参考：