如何利用dropzone.js和hapi.js高效实现图像上传功能?

2026-04-02 01:381阅读0评论SEO教程
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计317个文字,预计阅读时间需要2分钟。

如何利用dropzone.js和hapi.js高效实现图像上传功能?

篇首语:编程笔记

篇首语:本文由编程笔记#自由互联小编为大家整理,主要介绍了如何使用dropzone.js和hapi.js上传图像相关的知识,希望对你有一定的参考价值。

篇首语:本文由编程笔记#自由互联小编为大家整理,主要介绍了如何使用dropzone.js和hapi.js上传图像相关的知识,希望对你有一定的参考价值。

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

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

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

如何利用dropzone.js和hapi.js高效实现图像上传功能?

$('#upload')['dropzone']({ url: '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,它解决了我的问题(对于一个面临同样的问题)

本文共计317个文字,预计阅读时间需要2分钟。

如何利用dropzone.js和hapi.js高效实现图像上传功能?

篇首语:编程笔记

篇首语:本文由编程笔记#自由互联小编为大家整理,主要介绍了如何使用dropzone.js和hapi.js上传图像相关的知识,希望对你有一定的参考价值。

篇首语:本文由编程笔记#自由互联小编为大家整理,主要介绍了如何使用dropzone.js和hapi.js上传图像相关的知识,希望对你有一定的参考价值。

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

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

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

如何利用dropzone.js和hapi.js高效实现图像上传功能?

$('#upload')['dropzone']({ url: '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,它解决了我的问题(对于一个面临同样的问题)