上传文件 小于10KB可以上传，超过就提示跨域问题

最新推荐文章于 2024-06-23 17:09:13 发布
最新推荐文章于 2024-06-23 17:09:13 发布
阅读量269 收藏
点赞数 1
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xingfaup/article/details/139246641
版权

今天维护一个微服务项目，基于若依cloud版本；系统运行了一年多了，突然反馈注册上传附件图片失败；F12定位查看提示跨域COSR ；程序之前都是正常，怎么突然跨域了？

开始解决跨域问题，各种尝试，重启服务。还是没有解决！！！！！！！！

一个同事提示，说是Nginx配置上传文件大小问题；掉转方向进行Nginx配置；一通操作，还是不行！！！！！！

查看Nginx日志，发现说磁盘不足了。。。。

然后看了下Nginx的access.log

20.01GB 滴个乖乖！果断停掉Nginx服务，把日志拷贝到其他地方；重新启动Nginx服务；

之前原有的上传操作，呕吼！！！！竟然可以了。。。。。。。。。。。

记录一下，因为日志存储空间问题不止一次，Nacos也遇到过，MySQL也遇到过。。。。。

法法-發發發
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
上传文件超过1M，报跨域错误
qq_37024565的博客
03-04 2695
文章目录上传文件超过1M，报跨域错误问题现象:定位过程:解决方案： 上传文件超过1M，报跨域错误 问题现象: 今天在和前端同事调试商品管理功能时候，给商品上传图片不能正常上传。抛出: Access to XMLHttpRequest at 'https://xxx/manageapi/file/upload' from origin 'http://xxx:18080' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' hea
Jquery实现跨域异步上传文件总结
12-12
这个跨域异步上传功能我们借助了Jquery.form插件，它在异步表单方面很有成效，而跨域我们会在HTTP响应头上添加access-control-allow-method，当然这个头标记只有IE10，火狐和谷歌上支持，对于IE10以下的浏览器来说，...
上传较大文件报跨域CORS
JFENG14的博客
12-16 1184
上传较小的文件没有问题，但是上传较大的文件会报跨域 且检查过php的相关配置，没有问题 使用接口工具调试提示错误：413 Request Entity Too Large 发现是nginx的配置问题，可以通过修改nginx的client_max_body_size配置来修改请求的大小限制 server{ client_max_body_size 50m; # 修改成自己的想要设置的值 } 修改完后重新加载 nginx -s reload ...
完美解决NGINX无法上传大文件方法
最新发布
alisky119的博客
06-23 846
PHP结合UPLOADER插件实现分片上传文件，PHP结合百度UPLOADER插件实现分片上传文件，PHP结合WEB UPLOADER插件实现分片上传文件，前端HTML5，JS,JQ，VUE2，VUE3，React，前端的话都有可能用到，VUE2，VUE3，HTML5，也不一定是VUE， 公司内部有自己的产品，有些产品是之前开发的，没有用VUE，而是用的普通的HTML模板，用的也还好。服务器支持Linux，Windows,macOS,CentOS,中标麒麟，银河麒麟，统信，龙芯，华为鲲鹏，
文件上传接口跨域
小新的博客
04-04 1007
项目中所有接口都正常,只有文件上传的接口报跨域问题。
记一次文件上传跨域问题
LinXiaoTaoZi的博客
01-31 1363
nginx，500，跨域，文件上传
Nginx 代理服务器10k文件无法上传
蝈蝈郭同学的博客
09-14 1319
在我们使用Nginx作为代理服务器的时候，在进行文件上传时，大于10k的文件上传失败，因为此时后台服务并没有接收到请求，所以在Nginx配置中进行排错，终于找到的问题。 1、修改Nginx的.conf配置文件 client_body_buffer_size 8m; # 分配给请求数据的buffer大小 client_body_temp /var/lib/nginx/body; # 指定的临时路径 client_max_body_size 100m; # 默认1M，表示客户端请求服务器最大允许大小 2
PHP大文件传输断点续传源码
alisky119的博客
04-03 251
终端需要支持Windows,macOS,Linux,信创国产化环境，中标麒麟，银河麒麟，统信UOS，龙芯，华为。服务器支持Linux，Windows,macOS,CentOS,中标麒麟，银河麒麟，统信，龙芯，华为鲲鹏，支持文件夹上传，下载断点续传，支持文件夹层级结构，层级结构信息保存到数据库，下载的时候同样保留层级结构。支持加密上传，下载加密，端到端加密，国密SM4加密算法，数据加密传输，传输过程中要保证数据是加密的。前端HTML5，JS,JQ，VUE2，VUE3，React，您可以直接复制脚本进行创建。
plupload 如何控制最小宽度和文件类型及跨域
weixin_33895016的博客
08-12 356
直接上代码 plupload.addFileFilter('min_width', function (maxwidth, file, cb) { var self = this, img = new o.Image(); function finalize(result) { // cleanup i...
vue+springboot 上传文件、图片、视频，回显到前端。
汪程序员
04-11 5834
预览： 视频： js代码 前端思路 分成两部，1.通过前端将文件的基本信息传送到后端进行储存，返回已储存的文件id，2.再将文件发送到后端储存。 这个我放在d盘下面，需要修改映射路径
ajax+webservice跨域实现文件上传
01-27
【Ajax+WebService跨域实现文件上传】是一种在Web应用程序中常用的技术组合，它允许前端页面通过Ajax异步地与远程Web服务进行通信，同时解决跨域限制，实现文件的上传功能。这一技术主要涉及到以下几个核心知识点： ...
form+iframe解决跨域上传文件的方法
11-28
`form+iframe`的跨域上传文件原理是，当表单提交后，浏览器会在`iframe`中执行目标URL的请求，由于`iframe`的源不受同源策略限制，因此可以向其他域名提交数据。服务器返回的结果在`iframe`中加载，可以通过...
ajax跨域上传文件.zip
04-28
【Ajax跨域文件上传详解】 Ajax（Asynchronous JavaScript and XML）技术允许我们在不刷新整个页面的情况下，通过...通过这个“ajax跨域上传文件CSDN”压缩包，你可以找到一个实际的示例来进一步研究和实践这些概念。
Stream跨域上传文件
10-24
Stream跨域上传文件是指利用流(Stream)技术来处理文件数据，同时解决跨域问题，实现从一个源（Origin）向另一个源提交数据的过程。在本场景中，我们有两个工程——Stream2和Stream3，它们可以直接在MyEclipse环境中...
文件上传,iframe跨域数据提交的实现
11-27
文件上传和跨域数据提交是Web开发中常见的需求，特别是在处理用户上传图片或大文件时。在不支持现代API如`fetch`或`XMLHttpRequest`的旧浏览器中，或者需要处理文件流时，通常会使用iframe来实现。下面将详细讨论这...
ajax上传大数据时引起跨域问题解决方案
YuShiYue的博客
07-16 544
需求背景 项目有一个HTML转PDF的需求,如果是正常的上传文件还好说,现在是前端直接上传文件内容,比如直接粘贴复制html数据到输入框然后进行上传~ 出现问题 数据量小还行,可能里面有图片被转成了base64 导致上传的数据高达几M,就会出现问题,比如通过JSON方式传输的时候会导致浏览器直接跨域,所以改成了application/x-www-form-urlencoded的请求方式 import request from "@/utils/request"; import qs from 'qs'
基于Jquery插件实现跨域异步上传文件功能
10-22
主要介绍了基于Jquery插件实现跨域异步上传文件功能的相关资料,需要的朋友可以参考下
java上传文件跨域问题
07-12
在Java中处理文件上传时，跨域问题可以通过以下步骤来解决： 1. 在服务器端配置CORS：在处理文件上传的后端代码中，添加CORS配置以允许跨域请求。可以使用Spring Boot的`@CrossOrigin`注解或自定义的CORS配置类来实现。 使用`@CrossOrigin`注解的示例代码如下： ```java @CrossOrigin(origins = "http://example.com") @RestController public class FileUploadController { @PostMapping("/upload") public ResponseEntity<?> uploadFile(@RequestParam("file") MultipartFile file) { // 文件上传逻辑 return ResponseEntity.ok().build(); } } ``` 以上示例中，`@CrossOrigin(origins = "http://example.com")`指定了允许跨域请求的来源为"http://example.com"。你可以根据需要指定允许的来源。 2. 在前端配置CORS：在前端代码中，确保在发送文件上传请求时，设置合适的`Access-Control-Allow-Origin`请求头。 例如，在使用JavaScript进行文件上传时，可以使用`FormData`对象，并在发送请求前设置`xhr.setRequestHeader`来指定请求头： ```javascript const formData = new FormData(); formData.append('file', file); const xhr = new XMLHttpRequest(); xhr.open('POST', 'http://example.com/upload', true); xhr.setRequestHeader('Access-Control-Allow-Origin', 'http://example.com'); xhr.send(formData); ``` 以上示例中，将请求头中的`Access-Control-Allow-Origin`设置为允许跨域请求的来源，即"http://example.com"。你需要根据实际情况设置合适的允许来源。 通过在服务器端和客户端同时配置CORS，可以解决Java文件上传时的跨域问题。确保在服务器端和客户端的配置中指定允许跨域的来源。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值