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

     2023-03-04     274

关键词:

【中文标题】如何使用 dropzone.js 和 hapi.js 上传图片【英文标题】:How to upload an image using dropzone.js and hapi.js 【发布时间】:2018-06-03 07:15:15 【问题描述】:

按照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?谢谢你的建议

【问题讨论】:

【参考方案1】:

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

【讨论】:

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

】如何使用Dropzone.js进行分块文件上传(仅限PHP)?【英文标题】:HowdoyouuseDropzone.jswithchunkedfileuploads(PHPonly)?【发布时间】:2018-10-2801:13:45【问题描述】:我可以找到大量关于如何将分块文件上传与各种API和库一起使用的文档,... 查看详情

使用 dropzone.js 和 laravel 5 验证 CsrfToken

】使用dropzone.js和laravel5验证CsrfToken【英文标题】:VerifyCsrfTokenwithdropzone.jsandlaravel5【发布时间】:2018-07-3004:41:44【问题描述】:我正在使用dropzone上传图片。Javascript是:<script>//GetthetemplateHTMLandremoveitfromthedoumentvarpreviewNode=do 查看详情

如何仅使 Dropzone.js 预览 Div 可点击而不是整个表单

】如何仅使Dropzone.js预览Div可点击而不是整个表单【英文标题】:HowtomakeonlytheDropzone.jsPreviewsDivclickableandnotthewholeform【发布时间】:2014-04-0613:13:12【问题描述】:我必须使用dropzone.js表单,它将一些输入和文件上传信息发送到另一... 查看详情

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

】如何使用dropzone上传base64图像资源?【英文标题】:Howtouploadbase64imageresourcewithdropzone?【发布时间】:2014-04-0112:13:55【问题描述】:我正在尝试使用Dropzone.js上传生成的客户端文档(暂时的图像)。//.../init.jsvarmyDropzone=newDropzone("... 查看详情

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

】如何限制上传的dropzone.js文件的数量?【英文标题】:Howtolimitthenumberofdropzone.jsfilesuploaded?【发布时间】:2013-08-0514:36:55【问题描述】:根据用例,如何限制dropzone.js允许的文件数量?例如,我可能只需要允许上传1、2或4个文件... 查看详情

Django 和 Dropzone.js

】Django和Dropzone.js【英文标题】:DjangoandDropzone.js【发布时间】:2015-11-0403:45:09【问题描述】:当我使用dropzone上传文件时,它会将它们添加到数据库中,但它们没有文件,只有ID和创建日期。我认为观点是问题,但我已经尝试了... 查看详情

尝试使用 django 和 dropzone/

】尝试使用django和dropzone/【英文标题】:Tryingtousedjangoanddropzone/【发布时间】:2015-07-1615:55:57【问题描述】:我正在尝试将dropzone.js与django一起使用。我在这里遵循有点过时的指南(https://amatellanes.wordpress.com/2013/11/05/dropzonejs-django-h... 查看详情

如何限制 dropzone.js 中的最大“总”文件大小?

】如何限制dropzone.js中的最大“总”文件大小?【英文标题】:Howtolimitthemax"total"filesizeindropzone.js?【发布时间】:2015-09-1616:09:43【问题描述】:目前我使用dropzone来处理Jquery中的文件上传。到目前为止,它工作正常。唯一... 查看详情

Dropzone.JS 在同一个请求中发送文件和表单数据

】Dropzone.JS在同一个请求中发送文件和表单数据【英文标题】:Dropzone.JSsendfilesandformdatainthesamerequest【发布时间】:2018-02-1913:34:28【问题描述】:我在现有表单中使用dropzone.js来存储图像,我可以在保存表单的同时存储图像吗?我... 查看详情

如何克服 Laravel dropzone 文件上传中的 getClientOriginalName() 错误?

】如何克服Laraveldropzone文件上传中的getClientOriginalName()错误?【英文标题】:HowtoovercomegetClientOriginalName()errorinLaraveldropzonefileupload?【发布时间】:2017-05-1415:20:10【问题描述】:我使用的是Laravel5.0,图片上传我使用的是dropzone.js。... 查看详情

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

】仅当单击提交按钮时,如何让Dropzone.js上传文件?【英文标题】:HowtogetDropzone.jstouploadfilesonlywhenasubmitbuttonisclicked?【发布时间】:2013-11-2212:33:34【问题描述】:在过去的几天里,我一直在尝试在我的表单中实现Dropzone,但到目... 查看详情

如何将图像预加载到 dropzone.js

】如何将图像预加载到dropzone.js【英文标题】:HowdoIpreloadimagesintodropzone.js【发布时间】:2014-05-0504:50:55【问题描述】:我在网页上有一个dropzone.js实例,具有以下选项:autoProcessQueue:falseuploadMultiple:trueparallelUploads:20maxFiles:20它是以... 查看详情

如何销毁dropzone js?

】如何销毁dropzonejs?【英文标题】:Howtodestroydropdzonejs?【发布时间】:2018-10-0919:50:46【问题描述】:如何销毁dropdzonejs?当我有SPA并离开页面时,我想清理它以便它不再监听身体事件。【问题讨论】:【参考方案1】:myDropzone.des... 查看详情

如何在 dropzone 插件中添加 removefile 选项?

】如何在dropzone插件中添加removefile选项?【英文标题】:howtoaddremovefileoptionindropzoneplugin?【发布时间】:2016-02-1704:06:57【问题描述】:我使用了dropzone.js(http://www.dropzonejs.com/)。我正在尝试添加删除按钮来删除图像。但我收到javascr... 查看详情

使用 Dropzone.js 的非 ajax 帖子

】使用Dropzone.js的非ajax帖子【英文标题】:Non-ajaxpostusingDropzone.js【发布时间】:2014-07-0603:10:53【问题描述】:我想知道是否有任何方法可以使Dropzone.js(http://dropzonejs.com)与标准浏览器POST而不是AJAX一起工作。在提交之前将输入type=... 查看详情

如何从单独的函数调用 dropzone processQueue()?

】如何从单独的函数调用dropzoneprocessQueue()?【英文标题】:HowtocalldropzoneprocessQueue()fromseparatefunction?【发布时间】:2019-10-0517:06:09【问题描述】:我的表单包含dropzone.js,并通过jQuery插件formvalidation.io进行了验证。文件上传和验证... 查看详情

在每个文件上传时使用 dropzone.js 发送自定义数据

】在每个文件上传时使用dropzone.js发送自定义数据【英文标题】:Sendcustomdatawithdropzone.jsoneachFileUpload【发布时间】:2015-05-1809:26:26【问题描述】:我在我的CodeIgniter项目中使用dropzone。每次拖动文件时,dropzone都会创建一个ajax请求... 查看详情

在 asp.net 中使用 dropzone.js

】在asp.net中使用dropzone.js【英文标题】:Usingdropzone.jsinasp.net【发布时间】:2013-04-0916:18:49【问题描述】:几天以来,我一直在尝试通过拖放界面实现多文件上传。我搜索了很多,最后找到了我的确切要求http://www.dropzonejs.com/我尝... 查看详情