java中上传本地图片
来源:互联网 发布:js disabled属性值 编辑:程序博客网 时间:2024/04/29 15:33
如果你想上传多张图片:http://blog.csdn.net/xuanzhangran/article/details/54929988
如果是上传单张如下:
点击上传图片按钮,上传本地
效果如图:
1:原始图框:
2:点击预览,弹出本地弹框:
3:选中图片点击打开/确认:
实现的代码如下:
前台代码:
<div class="row"> <span class="personattr">身份证正面照片:</span> <input type="hidden" name="img" id="thumbUrl"/> <input type="file" name="logoFile" id="logoFile" onchange="setImg(this);"> <span><img id="thumburlShow" src="" width="120" height="120"/></span> </div>
js代码
function setImg(obj){//用于进行图片上传,返回地址 var f=$(obj).val(); if(f == null || f ==undefined || f == ''){ return false; } if(!/\.(?:png|jpg|bmp|gif|PNG|JPG|BMP|GIF)$/.test(f)) { alertLayel("类型必须是图片(.png|jpg|bmp|gif|PNG|JPG|BMP|GIF)"); $(obj).val(''); return false; } var data = new FormData(); $.each($(obj)[0].files,function(i,file){ data.append('file', file); }); $.ajax({ type: "POST", url: "/business/uploadImg.html", data: data, cache: false, contentType: false, //不可缺 processData: false, //不可缺 dataType:"json", success: function(suc) { if(suc.code==0){ $("#thumbUrl").val(suc.message);//将地址存储好 $("#thumburlShow").attr("src",suc.message);//显示图片 }else{ alertLayel("上传失败"); $("#url").val(""); $(obj).val(''); } }, error: function(XMLHttpRequest, textStatus, errorThrown) { alertLayel("上传失败,请检查网络后重试"); $("#url").val(""); $(obj).val(''); } }); }
后台代码:
package com.test.business;import com.idorabox.manage.web.util.TimeUtil;import com.idorabox.core.utils.DateUtil;import org.springframework.web.multipart.MultipartFile;import org.apache.commons.io.FileUtils;import javax.servlet.ServletContext;import java.util.Random;import java.io.File; @RequestMapping("/business")public class BusinessAction { @ResponseBody @RequestMapping("/uploadImg.html") public String uploadPicture(@RequestParam(value="file",required=false)MultipartFile file, HttpServletRequest request){ File targetFile=null; String msg="";//返回存储路径 int code=1; String fileName=file.getOriginalFilename();//获取文件名加后缀 if(fileName!=null&&fileName!=""){ String returnUrl = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + request.getContextPath() +"/upload/imgs/";//存储路径 String path = request.getSession().getServletContext().getRealPath("upload/imgs"); //文件存储位置 String fileF = fileName.substring(fileName.lastIndexOf("."), fileName.length());//文件后缀 fileName=new Date().getTime()+"_"+new Random().nextInt(1000)+fileF;//新的文件名 //先判断文件是否存在 String fileAdd = DateUtil.format(new Date(),"yyyyMMdd"); File file1 =new File(path+"/"+fileAdd); //如果文件夹不存在则创建 if(!file1 .exists() && !file1 .isDirectory()){ file1 .mkdir(); } targetFile = new File(file1, fileName);// targetFile = new File(path, fileName); try { file.transferTo(targetFile);// msg=returnUrl+fileName; msg=returnUrl+fileAdd+"/"+fileName; code=0; } catch (Exception e) { e.printStackTrace(); } } return JSON.toJSONString(ResponseResult.result(code, msg)); }}注意:后台代码第15行:文件的位置:你需要在你的项目的webapp下创建upload文件,upload下创建imgs文件,否则存储不成功。也就会上传失败。
0 1
- java中上传本地图片
- html中上传本地图片的按钮
- IDEA中上传本地项目到Git
- ios开发中上传本地项目到github
- java中上转型问题
- 下图片地图有关
- JAVA中上转型对象的详细解释
- Java中上转型对象的详细解释
- JAVA中上转型对象的详细解释
- java 实现excel中上下角标处理实现原理
- java中上下文(context)的学习总结
- Java中上转型对象与下转型对象
- 地图贴片自动拼接原理研究
- Android 对本地图片进行压缩处理
- android选本地图片和本地视频
- iOS 对本地图片的压缩
- Android将Bitmap保存成本地图片
- java程序片
- 三得公益人人开发模式系统App商城
- c语言哈夫曼编码
- gradle更新不下来的解决办法
- redis 数据类型详解 以及 redis适用场景场合
- window.location.href传递汉字参数
- java中上传本地图片
- 用帕斯卡定理证明圆和切线有关的问题
- nginx+tomcat配置集群负载均衡
- 错误org.apache.catalina.core.StandardContext listenerStart
- 【机器学习】人像分类(一)——过程总结
- Servlet学习之Servlet简介
- 【完美解决系列】Android在自定义Dialog中TextView内容显示不全的问题
- 约瑟夫环 利用伪链表
- C# 复选框