我使用(Dropzone js)上传了ajax文件.它将文件发送到我的hapi服务器.我意识到浏览器发送了一个PREFLIGHT OPTIONS METHOD.但我的hapi服务器似乎没有发送正确的响应标题,所以我在chrome上遇到错误.

这是我得到的错误

XMLHttpRequest cannot load http://localhost:3000/uploadbookimg. Response to preflight request doesn't pass access control check: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://localhost:4200' is therefore not allowed access.

这是hapi js路由处理程序

server.route({

path: '/uploadbookimg',method: 'POST',config: {

cors : true,payload: {

output: 'stream',parse: true,allow: 'multipart/form-data'

},handler: require('./books/webbookimgupload'),}

});

在我的理解中,hapi js应该从Pre-fight(OPTIONS)请求发送所有cors头.

不明白为什么不是

来自Chrome的网络请求/响应

**General**

Request Method:OPTIONS

Status Code:200 OK

Remote Address:127.0.0.1:3000

**Response Headers**

view parsed

HTTP/1.1 200 OK

content-type: application/json; charset=utf-8

cache-control: no-cache

vary: accept-encoding

Date: Wed,27 Apr 2016 07:25:33 GMT

Connection: keep-alive

Transfer-Encoding: chunked

**Request Headers**

view parsed

OPTIONS /uploadbookimg HTTP/1.1

Host: localhost:3000

Connection: keep-alive

Pragma: no-cache

Cache-Control: no-cache

Access-Control-Request-Method: POST

Origin: http://localhost:4200

User-Agent: Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML,like Gecko) Chrome/50.0.2661.87 Safari/537.36

Access-Control-Request-Headers: accept,cache-control,content-type

Accept: */*

Referer: http://localhost:4200/books/upload

Accept-Encoding: gzip,deflate,sdch

Accept-Language: en-US,en;q=0.8

提前致谢

ajax hapi上传文件,javascript – hapi.js Cors Pre-flight不返回Access-Control-Allow-Origin标头...相关推荐

  1. ajax异步上传什么意思,使用 jQuery 的 AJAX 异步上传文件

    现在基本上很多网页里面都在使用 jQuery,要实现文件的异步上传,大多数的解决方法都是使用 jQuery 插件,如果你只是上传一张图片,使用插件反而觉得多余了,其实 jQuery 的 ajax() ...

  2. ajax怎么上传文件?注意事项

    ajax,即异步处理,相信程序员朋友们都会感觉到亲切吧,因为ajax在软件开发过程中实在是太常用了,还是有不少刚刚入门想学习软件开发的朋友可能不是很熟悉如何使用ajax,今天就一起来看看吧,怎样使用a ...

  3. java获取ajax上传的文件,Java使用Ajax异步上传文件

    相关代码示例: html代码片段: 名称 class="layui-input"> 描述 文件 请选择配置文件 立即提交 重置 js代码片段: //上传配置文件 $(&quo ...

  4. jquery ajax java上传文件_jQuery Ajax方式上传文件的方法

    jQuery Ajax方式上传文件用到两个对象 第一个对象:FormData 第二个对象:XMLHttpRequest 目前新版的Firefox 与 Chrome 等支持HTML5的浏览器完美的支持这 ...

  5. koa2:通过Ajax方式上传文件,使用FormData进行Ajax请求

    koa2通过表单上传的网上很多,但通过Ajax方式上传文件,使用FormData进行Ajax请求,不好找. 参考了这个用base64上传图片的例子.https://github.com/Yuki-Mi ...

  6. ashx获取input file 文件_通过Ajax方式上传文件(input file),使用FormData进行Ajax请求...

    一直以来上传文件都使用的是别人的组件,今天看下无刷新上传内部具体的做法.上传文件可以使用form的形式来上传,也可以通过构造formData使用ajax来上传文件: 上传图片 $(function ( ...

  7. php ajax xmlhttpreq 上传文件 get,使用Ajax XmlHttpRequest上传文件

    使用Ajax XmlHttpRequest上传文件 嗨,我正在尝试使用此代码发送带有xmlhttprequest的文件. var url= "http://localhost:80/.... ...

  8. ajax 上传文件实例,Ajax异步上传文件实例代码分享

    非常不多说,直接给大家上干货,写的不好还请见谅. 具体代码如下所示: Index $(function() { $(':button').click(function () { var formDat ...

  9. .net ajax式上传文件

    今天在这里介绍一下ajax上传文件.其实也不算是真的使用xmlhttprequest上传,只是使用了iframe实现了无刷新上传而已,最多也只算是仿ajax上传文件.然而网上关于使用xmlhttpre ...

最新文章

  1. 他手边有太多事要做了
  2. 简单几步制作软raid
  3. CG CTF WEB /x00
  4. 2017CCPC 杭州 J. Master of GCD【差分标记/线段树/GCD】
  5. kangle虚拟主机空间销售网站源码
  6. springboot testcontext @sql_举世闻名的 SQL 注入是什么?这个漫画告诉你!
  7. 为SSD加速 实战4KB对齐技巧2/3
  8. 库克:iPhone虽贵但值得购买,相当于每天仅付1美元
  9. Android OTA相关博文
  10. python爬虫英文翻译_python爬虫学习---爬取微软必应翻译(中英互译)
  11. 计算机屏幕坐标系转换,测量坐标系到计算机屏幕坐标系的换算
  12. 足球机器人比赛3V3
  13. python爬虫——使用bs4爬取搜狗微信文章
  14. SolidWorks软件远程安装协助
  15. 开发板 linux 同步时间,arm开发板使用ntp与服务器同步时间
  16. “幽幽远远”正式开张了,但是我的心情没有往日的开怀
  17. 图解时间自适应卷积----Time-aware Large Kernel Convolutions
  18. 【LSSVM回归预测】基于matlab麻雀算法优化LSSVM回归预测【含Matlab源码 1128期】
  19. WiFi共享精灵下载好了,但是打不开怎么破
  20. Linux 音频开发之入门篇

热门文章

  1. android web3j 代币查询_wallet-eth 以太坊代币钱包 助记词 私钥 keystore 转账
  2. TransDecoder
  3. R语言绘制堆叠的环状条形图
  4. IF10+的数据库文章!这里有5个案例,一起发起来?
  5. R语言ggplot2可视化分组的重叠图实战:grouped overlay plot
  6. R语言使用knitr生成机器学习模型全流程步骤示例:knitr与自动化结果报告、knitr常用参数
  7. R语言get函数、get0函数、mget函数获取数据对象实战
  8. fsl线性配准介绍+核磁共振影像数据处理
  9. Kmeans++、Mini-Batch Kmeans、Bisecting Kmeans、K中心点(K-Medoids)算法、K众数聚类、核K均值聚类
  10. GAN(Generative Adversarial Network,GAN)模型之:SeqGAN、IRGAN、StackGAN、BigBiGAN、GAIN模型