基于Spring Boot利用 ajax实现上传图片功能

来源:脚本之家  责任编辑:小易  

要说今年目前最火的电影要数吴京自导自演的《战狼2》了,截至目前已超过50亿的票房,实在是令人震惊。而作为大火的电影,要拍成电视剧也是趋势所在。据悉,由《弹痕》改编的电影《战狼2》将翻拍成电视剧,并且在去年就已经启动了。《战狼2》改编自军事题材小说《弹痕》。战狼2大火那么其对应的小说自然成了一个大IP,所以电视剧化自然也就势在必行。剧制作方透露《弹痕》剧本16年已经开始启动,但是当时仙侠剧、玄幻剧和各种都市剧太多了,要是推出肯定是没法引起反响的,但是现在就不一样了。韩颢表示《弹痕》能完全呈现新时期现代化军队的真实状态,无论是训练演习、武器装备还是和日常生活,都尊重事实,高度还原,不靠噱头吸引观众

效果如下:

我在本地上的大学,家长没有陪同,我自己去的,因为那个城市我经常去,所以父母也放心我一个人去。不过我其他同学去外地读的,或者远一些的地方,父母都会送去,这样也比较安心。1.每年新生开学都会有一些被诈骗的新闻出现,都是大一新生开学被骗学费,所以我建议父母还是陪孩子去开学比较好。2.我送我弟去开学的时候,那个学校比较好,有专车接送,还留了家长的位置,觉得孩子开学有家长陪同会比较安全,也不会太累。3.特别是去远的地方上大学,需要提前买票,坐车也久,有家长在也有个伴依靠,不会太害怕,毕竟去到一个陌生的环境。4.当我们坐车到车站,会有学校的专线车来接送的,还会有热心的学长学姐带路,如果一个人去也没关系,但

1.启动类中加入

泰迪犬的泪痕其实就是泪管被堵塞而造成的,红红的泪线是体内碱性物质的沉淀。有很多原因导致泪管堵塞。有些主人疼爱狗狗,就是导致狗狗上火,有眼屎,流眼泪。导致泰迪有泪痕的原因有:1、小泰迪在换牙期往往容易出现泪痕,这是他的口腔疾病问题,成年以后就不治而愈或者简单治疗就可以改善。2、耳朵方面的一些疾病,中耳炎,耳螨什么都会导致泪痕。如果泰迪犬动物性蛋白质摄入太多,就会导致上火,流泪多。3、先天性泪管堵塞就会导致狗狗泪痕,只能手术疏通泪管,还有一种就是狗狗睫毛内生或睫毛过长,刺激眼球,会让狗狗经常流泪,形成泪痕。泪痕的去除办法:1、家长们要经常修剪眼周的毛发,避免毛发入眼刺激泪水分泌。及时擦去狗狗的眼泪

SpringBoot重写addResourceHandlers映射文件路径

我认为跟崇洋媚外关系不大。当前国产电视剧我也看过不少,但由于爱好和年龄的原因,我更喜欢抗战和历史题材电视剧,现代题材电视剧看的相对较少。不过在我看过的现代题材电视剧中,剧中人物使用苹果手机的比例非常大,其中原因可能有:现代题材电视剧主要涉及现代都市言情、商业等领域,苹果手机是影响力最大的高端国际品牌,而目前国产手机绝大部分处于中低端水平,影响力相对较小。电视剧里的人物不是企业老总、商业巨头就是社会名流,所以使用苹果手机更能与他们的身份相符。比如最近非常火爆的电视剧《人民的名义》中的高小琴使用的就是苹果手机。试想如果高小琴用的不是苹果,而是一两千元的国产手机,而电视剧中大风厂里的下岗职工,挣钱吃

@Override public void addResourceHandlers(ResourceHandlerRegistry registry) { registry.addResourceHandler("/imctemp-rainy/**").addResourceLocations("file:D:/E/"); }

设置静态资源路径

2.   表单 前端 页面

<input type="file" name="file" id="file"> <p id="url"><img src="" width=200></p> <input type="button" id="button" value="上传" > $(function () { $("#button").click(function () { var form = new FormData(); form.append("file", document.getElementById("file").files[0]); $.ajax({ url: "/stu/upload", //后台url data: form, cache: false, async: false, type: "POST", //类型,POST或者GET dataType: 'json', //数据返回类型,可以是xml、json等 processData: false, contentType: false, success: function (data) { //成功,回调函数 if (data) { var pic="/imctemp-rainy/"+data.fileName; $("#url img").attr("src",pic); // alert(JSON.stringify(data)); } else { alert("失败"); } }, error: function (er) { //失败,回调函数 alert(JSON.stringify(data)); } }); }) })

控制器

public static void uploadFile(byte[] file, String filePath, String fileName) throws Exception { File targetFile = new File(filePath); if (!targetFile.exists()) { targetFile.mkdirs(); } FileOutputStream out = new FileOutputStream(filePath +"/"+ fileName); out.write(file); out.flush(); out.close(); } //处理文件上传 @ResponseBody //返回json数据 @RequestMapping(value = "upload", method = RequestMethod.POST) public JSONObject uploadImg(@RequestParam("file") MultipartFile file,HttpServletRequest request) { String contentType = file.getContentType(); System.out.print(contentType); String fileName = System.currentTimeMillis()+file.getOriginalFilename(); String filePath = "D:/E"; JSONObject jo = new JSONObject();//实例化json数据 if (file.isEmpty()) { jo.put("success", 0); jo.put("fileName", ""); } try { uploadFile(file.getBytes(), filePath, fileName); jo.put("success", 1); jo.put("fileName", fileName); // jo.put("xfileName", filePath+"/"+fileName); } catch (Exception e) { // TODO: handle exception } //返回json return jo; }

总结

以上所述是小编给大家介绍的基于Spring Boot利用 ajax实现上传图片功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

扩展阅读,根据您访问的内容系统为您准备了以下内容,希望对您有帮助。

springboot中jsp用ajax传json数据传不到后台,结果显示全为null

这个需要调试了,按一下步骤检查,一般不会出问题

1、请求地址 /xxx 配置

2、请求类型 get post 是否正确

3、参数名的字母是否对应正确

必须确保接口信息正确奥本回答被网友采纳

spring boot + mybatis + jquery + 怎么做收藏夹

首先,需要在eclipse中配置好maven,虽然eclipse中已经集成了maven,但是还是需要进行小幅调整。

比如:创建maven项目时,jdk为1.8,不调整的话,默认是1.5。

spring boot 和angularjs整合时 的ajax怎么写

<project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>

<java.version>1.8</java.version>

</properties>

<dependencies>

<dependency>

<groupId>org.springframework.boot</groupId>

<artifactId>spring-boot-starter-web</artifactId>

</dependency>

<dependency>

<groupId>org.springframework.boot</groupId>

<artifactId>spring-boot-starter-thymeleaf</artifactId>

</dependency>

<dependency>

<groupId>org.springframework.boot</groupId>

<artifactId>spring-boot-starter-test</artifactId>

<scope>test</scope>

</dependency>

</dependencies>

springboot ajax传回json的问题

这样就正常了,返回的是一个list,遍历这个list就可以了

  • 本文相关:
  • springboot解决ajax+自定义headers的跨域请求问题
  • 详解spring boot 2.0.2+ajax解决跨域请求的问题
  • springboot解决ajax跨域问题的方法
  • jquery+ajaxform+springboot控件实现数据更新功能
  • springboot+springsecurity处理ajax登录请求问题(推荐)
  • spring boot ajax跨域的两种方式
  • ajax +springmvc 实现bootstrap模态框的分页查询功能
  • spring boot的上传图片功能实例详解
  • spring boot实现上传图片并在页面上显示及遇到的问题小结
  • bootstrap fileinput组件整合springmvc上传图片到本地磁盘
  • ie6中ajax aborted错误请求中断解决方法
  • jquery ajax请求文件下载操作失败的原因分析及解决办法
  • 一个奇怪的问题使用ajax提交必须alert才能赋值
  • 基于bootstrap的上传插件fileinput实现ajax异步上传功能(支持多文
  • 一个简单的ajax上传进度显示示例
  • ajax返回的json内容进行排序使用sort()方法实现
  • ajaxfileupload结合struts2实现多文件上传(动态添加文件上传框)
  • 使用ajax实现分页
  • ajax实现搜索功能的分页
  • ajax修改数据即时显示篇实现代码
  • springboot中jsp用ajax传json数据传不到后台,结果显示全为null
  • spring boot + mybatis + jquery + iframe怎么做收藏夹
  • spring boot 和angularjs整合时 的ajax怎么写
  • springboot ajax传回json的问题
  • 免责声明 - 关于我们 - 联系我们 - 广告联系 - 友情链接 - 帮助中心 - 频道导航
    Copyright © 2017 www.zgxue.com All Rights Reserved