• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

java webApp异步上传图片实现代码

java 搞代码 4年前 (2022-01-05) 22次浏览 已收录 0个评论

这篇文章主要为大家详细介绍了java webApp异步上传图片实现代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

如何实现java webApp异步上传图片,先了解以下几个问题:

1.图片上传;
2.图片上传预览;
3.上传图片更改地址异步添加到数据库;

主要内容
本示例主要采用纯HTML前端和JavaScript代码作工具,查询有关demo其实现图片上传的代码范例如下:
(1)点击上传图片的div代码:

 <div id="div1" class="photo"> 上传图片从图库中选择取消</div>

(2)javaScript代码

 

(3)kindeditor插件的上传图片jsp页面相关代码.

 <% /** * KindEditor JSP * * 本JSP程序是演示程序,建议不要直接在实际项目中使用。 * 如果您确定直接使用本程序,使用之前请仔细确认相关安全设置。 * */ //文件保存目录路径 String savePath = pageContext.getServletContext().getRealPath("/") + "attached/"; //String savePath = "http:\\\\192.168.1.226:8080\\qslnbase\\uploadFile/"; //String savePath = "D:/WWW/qslnADP/ADP/WebRoot/kindeditor/attached/"; //文件保存目录URL String saveUrl = request.getContextPath() + "/attached/"; //定义允许上传的文件扩展名 HashMap extMap = new HashMap(); extMap.put("image", "gif,jpg,jpeg,png,bmp,blob"); extMap.put("flash", "swf,flv"); extMap.put("media", "swf,flv,mp3,wav,wma,wmv,mid,avi,mpg,asf,rm,rmvb"); extMap.put("file", "doc,docx,xls,xlsx,ppt,htm,html,txt,zip,rar,gz,bz2"); //最大文件大小 long maxSize = 1000000; response.setContentType("text/html; charset=UTF-8"); if(!ServletFileUpload.isMultipartContent(request)){ out.println(getError("请选择文件。")); return; } //检查目录 File uploadDir = new File(savePath); if(!uploadDir.isDirectory()){ out.println(getError("上传目录不存在。")); return; } //检查目录写权限 if(!uploadDir.canWrite()){ out.println(getError("上传目录没有写权限。")); return; } String dirName = request.getParameter("dir"); if (dirName == null) { dirName = "image"; } if(!extMap.containsKey(dirName)){ out.println(get<p style="color:transparent">来源gao!%daima.com搞$代*!码网</p>Error("目录名不正确。")); return; } //创建文件夹 savePath += dirName + "/"; saveUrl += dirName + "/"; File saveDirFile = new File(savePath); if (!saveDirFile.exists()) { saveDirFile.mkdirs(); } SimpleDateFormat sdf = new SimpleDateFormat("yyyyMMdd"); String ymd = sdf.format(new Date()); savePath += ymd + "/"; saveUrl += ymd + "/"; File dirFile = new File(savePath); if (!dirFile.exists()) { dirFile.mkdirs(); } //Struts2 请求 包装过滤器 MultiPartRequestWrapper wrapper = (MultiPartRequestWrapper) request; //获得上传 的文件名 String fileName1 = wrapper.getFileNames("upload")[0]; //获得文件过滤器 File file = wrapper.getFiles("upload")[0]; //检查文件大小 if(file.length() > maxSize){ out.println(getError("上传文件大小超过限制。")); return; } //检查扩展名 String fileExt1 = fileName1.substring(fileName1.lastIndexOf(".") + 1).toLowerCase(); //重构上传文件名 SimpleDateFormat df1 = new SimpleDateFormat("yyyyMMddHHmmss"); String newFileName1 = df1.format(new Date()) + "_" + new Random().nextInt(1000) + "." + fileExt1; byte[] buffer = new byte[1024]; //获取文件输出流 FileOutputStream fos = new FileOutputStream(savePath + newFileName1); String url=savePath + newFileName1; out.println(url); //获取内存中当前文件输入流 InputStream in = new FileInputStream(file); try { int num = 0; while ((num = in.read(buffer)) > 0) { fos.write(buffer, 0, num); } } catch (Exception e) { e.printStackTrace(System.err); } finally { in.close(); fos.close(); } %> 

4)有关kindeditor上传图片的jar包有如下所示
A.commons-fileupload-1.2.1.jar
B.commons-io-1.4.jar
C.json_simple-1.1.jar

这里没有用到有关于kindeditor的js代码,具体可参考:Kindeditor实现图片自动上传功能

(5)有关kindeditor上传图片预览的div如下

 <div id="div2"> <ul class="img-list"> <li id="wy"> </li></ul></div>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持gaodaima搞代码网

以上就是java webApp异步上传图片实现代码的详细内容,更多请关注gaodaima搞代码网其它相关文章!


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:java webApp异步上传图片实现代码

喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址