相思资源网 Design By www.200059.com

在LayUI图片上传中,解决由跨域问题引起的请求接口错误的方法

在ssm框架整合中,使用layui作为前端页面,拖拽图片上传,填写接口后,后台能够成功接收到数据,但由于页面资源和后台访问地址的不一致(即使域名一致但端口不一致)引起跨域问题,导致接收资源后在前端无法接收到后台返回的数据。

前台页面:

<html>
	<head>
		<meta charset="UTF-8">
		<title>校园网络打印</title>
		<link rel="stylesheet" type="text/css" href="css/layui.css" rel="external nofollow" />
	</head>
<body bgcolor="#F0F0FF">
<div class='layui-upload-drag' id='test10'>
<i class='layui-icon'></i>"
<p>点击上传,或将文件拖拽到此处</p>
</div>
</body>
    <script src="/UploadFiles/2021-04-02/layui.all.js">

后台代码如下:

@Controller
@RequestMapping("/file")
public class FileController {
 
 @RequestMapping(value="/picture",method= {RequestMethod.POST})
 @ResponseBody
 public String upLoad(MultipartFile file,HttpServletResponse response) {
 response.addHeader("Access-Control-Allow-Origin", "*");//解决跨域问题的方法之一,但有弊端
 System.out.println(file.getName());
 System.out.println(file.getSize());
 return "{\"code\":\"0\",\"msg\":\"1\",\"data\":\"111\"}";
 }
}

解决思路:解决跨域问题的方法适用。

以上这篇在LayUI图片上传中,解决由跨域问题引起的请求接口错误的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。

标签:
LayUI,图片上传,跨域,请求接口

相思资源网 Design By www.200059.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
相思资源网 Design By www.200059.com

评论“在LayUI图片上传中,解决由跨域问题引起的请求接口错误的方法”

暂无在LayUI图片上传中,解决由跨域问题引起的请求接口错误的方法的评论...

RTX 5090要首发 性能要翻倍!三星展示GDDR7显存

三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。

首次推出的GDDR7内存模块密度为16GB,每个模块容量为2GB。其速度预设为32 Gbps(PAM3),但也可以降至28 Gbps,以提高产量和初始阶段的整体性能和成本效益。

据三星表示,GDDR7内存的能效将提高20%,同时工作电压仅为1.1V,低于标准的1.2V。通过采用更新的封装材料和优化的电路设计,使得在高速运行时的发热量降低,GDDR7的热阻比GDDR6降低了70%。