如何使用dropzone.js和hapi.js上传图像

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何使用dropzone.js和hapi.js上传图像相关的知识,希望对你有一定的参考价值。

在这个tutorial之后,我正在尝试将图像文件上传到我的hapi.js服务器。我遇到了这个错误:

CORS错误:不允许使用某些标头

这是我的客户端设置(这是在localhost:3000上运行的react.js Web客户端)

$('#upload')['dropzone']({
    url: 'http://localhost:8000/api/sector/upload',
    method: 'POST',
    headers:{
        'Cache-Control': null, //required for cors
        'X-Requested-With': null, //required for cors,
        'Access-Control-Allow-Origin': '*'                
    }
})

这是我在服务器端的路由(在localhost:8000上运行):

            method: 'POST',
            path: '/api/sector/upload',
            config:{
                cors: true,
                payload:{
                    output: 'stream',
                    parse: true,
                    allow: 'multipart/form-data',
                    maxBytes: 268435456
                }
            },
            handler: function(request, reply) {
               ....
            }

如何在这种情况下启用cors?谢谢你的建议

答案

回答我自己的问题,我使用了这个hapi.js插件hapi-cors-headers,它解决了我的问题(对于一个面临同样的问题)

以上是关于如何使用dropzone.js和hapi.js上传图像的主要内容,如果未能解决你的问题,请参考以下文章

如何从 dropzone.js 上传和删除文件

如何使用 Dropzone.js 进行分块文件上传(仅限 PHP)?

markdown 如何使用dropzone js上传文件

如何限制上传的 dropzone.js 文件的数量?

仅当单击提交按钮时,如何让 Dropzone.js 上传文件?

如何使用 dropzone 上传 base64 图像资源?