请教图片跨域上传问题

JavaScript014

请教图片跨域上传问题,第1张

跨域会出现安全隐患问题,现代的浏览器Firefox、Chrome等都坚决屏蔽了跨域请求功能,如果你嵌入iframe,你会发现无法获取请求后的iframe数据!

这里有个思路这样,a.com里增加一个中转页面用来接收本站的图片上传,因为是在a.com里,没有跨域问题,上传完成后,在这个中转页面里,用后台的程序代码将文件发送到b.com,然后再读取b.com页面的返回结果转发给a.com的请求页面。

上传组件用的elementui - upload,由于上传图片需要用户的登陆信息,所以前端请求头添加了一个token ,属于自定义header

跨域时浏览器发送options预检请求,会带上自定义的请求头字段,用来判断该字段是否被服务端支持.