ajax怎么下载文件

 时间:2024-10-14 03:31:21

1、首先,我们要在本地启动nginx服务,然后,在nginx的根目录下放下两个文件test8.html 和 timg.gif , 其内容分别如图

ajax怎么下载文件
ajax怎么下载文件

2、从test8.html的代码我们可以看出,在访问该页面的时候就会去下载根目录下的timg.gif文件。我们接着来尝试访问下,可以看到timg.gif已经被下载

ajax怎么下载文件

3、然后,我将test8.html的访问域名从localhost改成127.0.0.1, 我们知道这两个都是指向本地的。再看访问结果,这时再看chrome控制台报错:Access to XMLHttpRequest at 'http://localhost/timg.gif' from origin 'http://127.0.0.1' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.

ajax怎么下载文件
ajax怎么下载文件

4、此时,跨域访问被禁止了,我们需要修改nginx的配置文件(如图),然后重启nginx服务

ajax怎么下载文件

5、我们再次通过127.0.0.1来访问test8.html, 这次就可以成功下载文件了。通过控制台的Network查看timg.gif的Response Header,可以看到多出了如下参数Access-Control-Allow-Origin: *

ajax怎么下载文件
ajax怎么下载文件

6、还有其他方法也可以进行ajax下载,比如:jquery,axios,fetch,大家可以自己尝试一下。

  • Win10如何关闭135端口?
  • office Excel表格如何找到添加数据分析
  • 如何导出/备份华三交换机的配置文件
  • Windows10怎么样通过组策略禁用系统管理员
  • 怎么禁止指定用户从网络登录
  • 热门搜索
    爱祖国爱家乡手抄报 小学生网络安全手抄报的句子 关于网络安全的手抄报 疫情手抄报内容怎么写 手抄报图片大全5年级 吸烟有害健康的手抄报 立夏手抄报 交通安全手抄报资料 世界无烟日手抄报图片 植树手抄报内容